marquee (HTML element)
| Depr. | Empty | Version |
|---|---|---|
| Yes | No | N/A |
| IE5.5+ | FF1+ | Saf1.3+ | Op9.2+ |
|---|---|---|---|
| Partial | Partial | Partial | Partial |
Example
A simple marquee with no additional attributes is marked up as follows:
<p><marquee>This text is a moving target. Don't you just love it?</marquee></p>
- Type
- inline element
- Contains
- inline elements only
- Contained by
- block-level elements, inline elements
Description
The marquee
element provides a way for browsers to render text that moves across the
page without having to resort to JavaScript techniques. The
marquee is non-standard but enjoys (or possibly suffers
from) good browser support.
It is generally considered to be a very unfriendly element to use, one which presents difficulties for many users who may have difficulty tracking the text as it moves. Our advice is not to use it. JavaScript is a more suitable technique for moving text on screen - if there is a valid reason for doing this at all.
Use this for…
The marquee
element should contain a short amount of text.
Compatibility
| IE | 5.5 | Partial |
|---|---|---|
| 6.0 | Partial | |
| 7.0 | Partial | |
| Firefox | 1.0 | Partial |
| 1.5 | Partial | |
| 2.0 | Partial | |
| Safari | 1.3 | Partial |
| 2.0 | Partial | |
| 3.0 | Partial | |
| Opera | 9.2 | Partial |
| 9.5 | Partial |
Support for
marquee is varied. Some browsers will stop animation
regardless of loop settings, some interpret
direction differently, some will honor height and
width attributes, most pay no attention at all.
However, given that this is not part of any HTML recommendation, this is
perhaps to be expected. The simple answer is not to use it if you want to
have valid documents that render consistently and don’t annoy the heck out
of the reader.
In this Section
- align
alignment/position of themarqueerelative to surrounding content - behavior
changes the way that the text moves across the screen - bgcolor
background color of the marquee - direction
defines which direction the marquee text should travel in - height
sets the height of the marquee - hspace
sets amount of space horizontally left and right) around marquee - loop
tells the browser how many times to move the marquee text across the screen - scrollamount
sets the speed at which text in marquee scrolls - scrolldelay
slows the text content inside marquee as it moves from side to side - vspace
sets amount of space vertically (top and bottom) around marquee - width
sets the width of the marquee
User-contributed notes
There are no comments yet.
Add a note
To post a note on this topic, please log in with your SitePoint username and password. If you don't have an account yet, you can create a new account for free.
