HTML: Marquee, Scrolling Text

By Xah Lee. Date: . Last updated: .

“Marquee element” is invented by Microsoft back around 1999. It is used to make text or images to automatically scroll. Typically, in a horizontal strip.

HTML Marquee

The BOSS IS ON A ROLL (behavior=scroll)

The BOSS IS ON A ROLL (behavior=slide)

The BOSS IS ON A ROLL (behavior=alternate)

Here is the code:

<marquee bgcolor="yellow" width="600" height="50">The BOSS IS ON A ROLL</marquee>

“marquee” element's attributes:

loop="-1"
a integer. Number of times to loop. “-1” means forever. Default value is “-1”
direction="left"
left, right, up, down. Default is left
behavior="scroll"
scroll, slide, alternate. Default is scroll
scrolldelay="85"
update interval for scroll movement, in milliseconds. Default is 85. Smaller than 60 is ignored, 60 is used instead, unless truespeed is specified.
truespeed
see: scrolldelay. This is not well supported.
scrollamount="6"
amount of scrolling update, in pixels.
hspace="30"
horizontal margin
vspace="10"
vertical margin
width="600"
width in CSS pixel. 〔see What is a CSS Pixel?〕
height="40"
width in CSS pixel.
bgcolor
CSS color value. 〔see CSS Color Syntax〕

The “marquee” element is supported by all browsers.

CSS Marquee

You can emulate marquee using CSS animation. 〔see CSS: Animation〕

See also: CSS: OverFlow, Scrollbar