B.78. overflow-x, overflow-y

These nonstandard properties, supported by Internet Explorer for Windows version 5 or later, work the same as the Section B.77overflow property, except that they apply only to one dimension. overflow-x controls how/if content that overflows the horizontal limits of the element is rendered and overflow-y controls the content protruding from the vertical limits.

Inherited: No

See also: Section B.77overflow

B.78.1. Value

These properties can each take any one of the constant values supported by the overflow property.

Initial value: visible

B.78.2. Compatibility

CSS Version: n/a

These properties work with Internet Explorer for Windows version 5 or later only.

Equivalent functionality is planned for inclusion in CSS3, but final property values may differ. To follow the work on this front, see the CSS Working Group Web site.

B.78.3. Example

This style rule assigns a width and height to the element with ID mainmenu, and allows a vertical scrollbar to be added if the content is too high to fit within the allocated 400 pixels. Content that does not fit horizontally will be visibly clipped:

#mainmenu {
  width: 150px;
  height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
}