marquee-style

Summary

The ‘marquee-style’ property determines a marquee’s scrolling behavior.

Overview table

Initial value

scroll

Applies to

non-replaced block-level elements, table cells, and inline-block elements

Inherited

No

Media

visual

Computed value
:

Animatable

No

CSS Object Model Property

marqueeStyle

Syntax

• marquee-style: alternate
• marquee-style: scroll
• marquee-style: slide

Values

scroll

Start completely off one side, scroll all the way across and completely off.

slide

Start completely off one side, scroll in, and stop as soon as no more content is off that side.

alternate

Bounce back and forth.

Examples

.scroll { marquee-style: scroll; }
.slide { marquee-style: slide; }
.alternate { marquee-style: alternate; }

View live example

<marquee class="scroll">This demonstrates the 'scroll' value of the 'marquee-style' property.</marquee>
<marquee class="slide">This demonstrates the 'slide' value of the 'marquee-style' property.</marquee>
<marquee class="alternate">This demonstrates the 'alternate' value of the 'marquee-style' property.</marquee>

Related specifications

CSS Marquee Module Level 3

W3C Candidate Recommendation