In CSS, an "overflow" property is used to control how content that overflows the boundaries of a container should be displayed.

It is often used when the content within an element is too large to fit within the defined dimensions of that element.


Value Description

Visible It specifies that ovrflow is not clipped. It renders outside the element's box. this is a default value.

hidden It specifies that ovrflow is clipped, and rest of the content will be invisible.

scroll It specifies that ovrflow is clipped,and a scroll bar is used to se the rest of hte content.

auto It specifies that if overflow is clipped, a scroll bar is needed to see the rest of he content.

inherit It inherits the property from its parent element.

initial It is used to set the property to its intial value.