HTML and CSS Reference
In-Depth Information
marquee-direction
This property specifies the direction in which a marquee should move.
Syntax
marquee-direction: forward | reverse
See the notes for proprietary equivalents.
Example
<p style="overflow: auto;
overflow-x:-webkit-marquee;
display:-wap-marquee;
overflow-style: marquee-line;
width: 100px;
-webkit-marquee-direction:right;
-wap-marquee-dir: ltr;
marquee-direction:reverse;">
ABCDEFGHIJKLMNOPQRSTUVWXYZ
</p>
Compatibility
CSS3
Chrome 1+, Opera 8+, Safari 2+
Notes
• The default value is
forward
.
• This property can be replicated by using the HTML
<marquee>
tag and setting the
direction
attribute to
left | right | up | down
.
• The property was supported under Safari 2 as
-khtml-marquee-direction
.
• This property is supported as
-webkit-marquee-direction
in Safari 3+. The
syntax is
-webkit-marquee-direction: ahead | auto | backwards | down | forwards |
left | reverse | right | up
• This property is supported as
-wap-marquee-dir
in Opera. The syntax is
-wap-marquee-dir: ltr | rtl
• According to the standard, the actual direction of the marquee movement will
depend on the
overflow-style
and
direction
of text flow in the document
according to Table 6-10.
Direction Value
Forward Direction
Reverse Direction
overflow-style
marquee-line
ltr
Left
Right
rtl
Right
Left
marquee-block
Up
Down
T
ABLE
6-10 Marquee Direction Logic