overflow

The overflow CSS shorthand property sets the desired behavior when content does not fit in the element’s padding box (overflows) in the horizontal and/or vertical direction.

By default, block-level elements grow to fit their content. If the size of a container is constrained, the content will overflow. The overflow property determines how a container handles content that overflows its edges.

The overflow property is shorthand for the horizontal overflow-x and vertical overflow-y properties. If only one keyword is specified, both overflow-x and overflow-y are set to the same value. If two keywords are specified, the first value applies to overflow-x in the horizontal direction and the second one applies to overflow-y in the vertical direction.

Syntax example: overflow: visible;