Overflow attribute description:
Version: CSS2 compatibility: IE4 + NS6 + inheritance: None
Syntax: overflow: visible | auto | hidden | scroll
The parameters are described as follows:
Visible: Do not cut the content or add a scroll bar. If this default value is explicitly declared, the object is cut to the size of the window or frame containing the object. In addition, the clip attribute settings are invalid.
Auto: The default value for the body object and textrea. Cut the content and add a scroll bar as needed
Hidden: content beyond the object size is not displayed.
Scroll: always displays the scroll bar.
Usage instructions and key points:
◎ Retrieve or set how to manage content when the content of an object exceeds its specified height and width.
◎ Setting the textarea object to the Den value will hide its scroll bar.
◎ For a table, if the table-layout attribute is set to fixed, the td object supports the overflow attribute with the default value of hidden. If it is set to hidden, scroll, or auto, the content beyond the td size will be cut. If it is set to visible, additional text will overflow to cells on the right or left (depending on the setting of the direction attribute) of ◎.
◎ This attribute is available on MAC platform since IE5.
The corresponding script feature is overflow.
Example:
The code is as follows: |
Copy code |
Body {overflow: hidden ;} Div {overflow: scroll; height: 100px; width: 100px ;}
|
Text-overflow version: IE6 + private property inheritance: None