CSS3 overflow-y attribute
Examples
If it overflows the element's content area - clip the top of the div element / bottom edge of the content:
div
{
overflow-y: hidden;
}
{
overflow-y: hidden;
}
Browser Support
Figures in the table represent the first browser to support the version number of the property.
Immediately following the digital -webkit-, -ms- or -moz- ago in support of the prefix attribute first browser version number.
属性 | |||||
---|---|---|---|---|---|
overflow-y | 4.0 | 9.0 8.0 -ms- |
3.5 | 3.0 | 9.5 |
Attribute definitions and instructions
overflow-y attribute specifies if it overflows the element's content area if the clip at the top / bottom edge of the content.
Tip: Use theoverflow-x property to determine whether the left and right edges cropped.
Defaults: | visible |
---|---|
inherit: | no |
version: | CSS3 |
JavaScript syntax: | object .style.overflowY = "scroll" |
grammar
overflow-y: visible | hidden | scroll | auto | no-display | no-content;
value | description |
---|---|
visible | No cropping content may be displayed outside the content box. |
hidden | Crop content - does not provide a scrolling mechanism. |
scroll | Crop content - provide scrolling mechanism. |
auto | If the overflow box, it should provide a scrolling mechanism. |
no-display | If the content is not suitable content box, delete the entire box. |
no-content | If the content is not suitable for what box, then hide the entire contents. |