overflowY property
Sets or retrieves how to manage the content of the object when the content exceeds the height of the object.
![]() |
Syntax
Integer value = object.put_overflowY( v);Integer value = object.get_overflowY(* sOverflow);
Property values
Type: BSTR
-
Default. Content is not clipped and scroll bars are not added. Elements are clipped to the size of the containing window or frame.
-
Content is clipped and scroll bars are added, even if the content does not exceed the dimensions of the object.
-
Content that exceeds the dimensions of the object is not shown.
-
Content is clipped and scrolling is added only when necessary.
String format
visible | scroll | hidden | auto
CSS information
| Applies To | All elements |
|---|---|
| Media | visual |
| Inherited | no |
| Initial Value | visible |
Standards information
There are no standards that apply here.
Remarks
Windows Internet Explorer 8. The -ms-overflow-y attribute is an extension to CSS, and can be used as a synonym for IHTMLCSSStyleDeclaration::overflowY in IE8 Standards mode.
With Microsoft Internet Explorer 6 and later, when you use the !DOCTYPE declaration to specify standards-compliant mode, this property applies to the html object.
Examples
This example shows two div elements that each contain text. In the first div element, the IHTMLCSSStyleDeclaration::overflowY property is set to visible. In the second div element, the IHTMLCSSStyleDeclaration::overflowY property is set to hidden.
div {
width: 150px;
height: 150px;
border-style: solid;
border-width: thin;
font-family: sans-serif;
float: left;
margin-right: 10px;
}
.of_visible {
overflow-y: visible;
}
.of_hidden {
overflow-y: hidden;
}
<body> <div class="of_visible"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </div> <div class="of_hidden"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </div> </body>
The following images show the result. In the first div element, content is not clipped and scroll bars are not added:

In the second div element, content is clipped and scroll bars are not added:

Requirements
|
Minimum supported client |
Windows XP |
|---|---|
|
Minimum supported server |
Windows 2000 Server |
|
Header |
|
|
IDL |
|
|
DLL |
|
See also
- Reference
- IHTMLCSSStyleDeclaration::overflow
- IHTMLCSSStyleDeclaration::overflowX
- IHTMLCSSStyleDeclaration::position
- Other Resources
- CSS Enhancements in Internet Explorer 6
