Which CSS property controls what happens to content that is too big to fit in an area?

.box {
    width: 200px;
    height: 100px;
    overflow: hidden;
}

What happens to content that exceeds the box dimensions?

Which overflow value adds scrollbars only when necessary?

.container {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}

This is useful for creating what?

What is the default value of overflow property?