|Shows all overflowing content outside the element|
|Hides the overflowing content and adds a scroll bar|
|Hides the overflowing content, both scroll bars disappear and the page becomes fixed|
|Same as |
|Inherit's the parent element's value for this property|
overflowproperty specifies whether to clip content, render scrollbars, or stretch a container to display content when it overflows its block level container.
When an element is too small to display it's contents, what happens? By default, the content will just overflow and display outside the element. That makes your work look bad. You want your work to look good, so you set the overflow property to handle the overflowing content in a desirable way.
Values for the
overflow property are identical to those for the
overflow-y properties, exept that they apply along each axis
overflow-wrap property has also been known as the
Important note: Using the overflow property with a value different to visible will create a new block formatting context.