property specifies what happens to the content of a block-level element when the content doesn't not fit into the space allocated for the element.
|the content is not clipped and will be rendered outside of the box element|
|the content is clipped and cannot be scrolled|
|the content is clipped but can be scrolled|
|the value is browser dependent|
|the value is inherited from the parent.|
There are other two
properties which are specific to x or y axis.
|specify an overflow behavior along x-axis only|
|specify an overflow behavior along y-axis only|
If the overflow property is not set, the default value
visible will be set.