HTML and CSS Reference
In-Depth Information
overflow-style: marquee-line;
width: 100px;
-webkit-marquee-speed:fast;
-wap-marquee-speed: fast;
marquee-speed:fast;">
ABCDEFGHIJKLMNOPQRSTUVWXYZ
</p>
Compatibility
CSS3
Chrome 1+, Opera 8+, Safari 2+
Notes
• This property is replicable in many browsers using a
<marquee>
tag.
• The default value is
normal
.
• The property is supported as
-webkit-marquee-speed
in Safari 3+ and
-khtml-
marquee-speed
in Safari 2.0.
• In Safari, there is an additional format:
-webkit-marquee-speed: distance / time
• The property is supported as
-wap-marquee-speed
in Opera browsers.
marquee-style
This property defines the motion of the marquee.
Syntax
marquee-style: alternate | scroll | slide
where
alternate
causes the marquee to bounce back and forth,
scroll
causes the
marquee to scroll completely off of one end before reappearing on the other end, and
slide
causes the marquee to reset as soon as all of the content is visible.
Example
<p style="overflow: auto;
overflow-x:-webkit-marquee;
display:-wap-marquee;
overflow-style: marquee-line;
width: 100px;
-webkit-marquee-style:alternate;
-wap-marquee-style: alternate;
-wap-marquee-loop: infinite;
marquee-style:alternate;">
ABCDEFGHIJKLMNOPQRSTUVWXYZ
</p>
Compatibility
CSS3
Chrome 1+, Opera 8+, Safari 2+