HTML and CSS Reference
In-Depth Information
The initial value is
auto
, which allows the user agent to determine the scrolling effect. A
value of
marquee-line
employs horizontal scrolling, and a value of
marquee-block
employs vertical scrolling. The particular directions left to right or up and down will
depend on the text direction in the document.
Example
<p style="overflow: auto;
overflow-x:-webkit-marquee;
display:-wap-marquee;
overflow-style: marquee-line;
width: 100px;">
ABCDEFGHIJKLMNOPQRSTUVWXYZ
</p>
Compatibility
CSS3
Chrome 1+, Opera 8+, Safari 2+
Notes
• In Safari, it is necessary to set an element's
overflow-x
or
overflow-y
to
-webkit-marquee
to activate marquee-style functionality.
• In Opera, it is necessary to set an element's
display
to
-wap-marquee
to activate
marquee effects.
overflow-x
This property defines how content should behave when it exceeds the width of its enclosing
element.
Syntax
overflow-x: auto | hidden | scroll | visible
Example
<p style="overflow-x: scroll; width: 100px;">
ABCDEFGHIJKLMNOPQRSTUVWXYZ
</p>
Compatibility
CSS3
Chrome 2+, Firefox 1+, IE 4+, Opera 9.5+, Safari 3+
Notes
• This property is correctly written as
-ms-overflow-x
under IE 8 to show that it is
an extension.
• This is currently in the CSS3 specification and also supports values of
no-display
and
no-content
.
