← Back to properties

CSS Property

overflow

Visibility

Controls what happens when content overflows its container.

Syntax

overflow: value;

Example

overflow: hidden;

Common use cases

  • Clipping overflowing images
  • Scrollable containers
  • Preventing layout breakage from long text

Practical developer insight

overflow: hidden on a parent creates a new block formatting context — this is why it's often used to contain floats. Be careful: it can also clip focus outlines and hurt accessibility.

Related properties