Draft This page is not complete.
DeprecatedThis feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the compatibility table at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.
The HTMLMarqueeElement
interface provides methods to manipulate <marquee>
elements. It inherits properties and methods from the HTMLElement
interface.
<div id="interfaceDiagram" style="display: inline-block; position: relative; width: 100%; padding-bottom: 11.666666666666666%; vertical-align: middle; overflow: hidden;"><svg style="display: inline-block; position: absolute; top: 0; left: 0;" viewbox="-50 0 600 70" preserveAspectRatio="xMinYMin meet"><a xlink:href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLMarqueeElement" target="_top"><rect x="1" y="1" width="180" height="50" fill="#F4F7F8" stroke="#D4DDE4" stroke-width="2px" /><text x="91" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">HTMLMarqueeElement</text></a></svg></div>
a:hover text { fill: #0095DD; pointer-events: all;}
Properties
Inherits properties from its parent, HTMLElement
.
HTMLMarqueeElement.behavior
- Sets how the text is scrolled within the marquee. Possible values are
scroll
,slide
andalternate
. If no value is specified, the default value isscroll
. HTMLMarqueeElement.bgColor
- Sets the background color through color name or hexadecimal value.
HTMLMarqueeElement.direction
- Sets the direction of the scrolling within the marquee. Possible values are
left
,right
,up
anddown
. If no value is specified, the default value isleft
. HTMLMarqueeElement.height
- Sets the height in pixels or percentage value.
HTMLMarqueeElement.hspace
- Sets the horizontal margin.
HTMLMarqueeElement.loop
- Sets the number of times the marquee will scroll. If no value is specified, the default value is −1, which means the marquee will scroll continuously.
HTMLMarqueeElement.scrollAmount
- Sets the amount of scrolling at each interval in pixels. The default value is 6.
HTMLMarqueeElement.scrollDelay
- Sets the interval between each scroll movement in milliseconds. The default value is 85. Note that any value smaller than 60 is ignored and the value 60 is used instead, unless
trueSpeed
istrue
. HTMLMarqueeElement.trueSpeed
- By default,
scrollDelay
values lower than 60 are ignored. IftrueSpeed
istrue
, then those values are not ignored. HTMLMarqueeElement.vspace
- Sets the vertical margin.
HTMLMarqueeElement.width
- Sets the width in pixels or percentage value.
Event handlers
HTMLMarqueeElement.onbounce
- Fires when the marquee has reached the end of its scroll position. It can only fire when the behavior attribute is set to
alternate
. HTMLMarqueeElement.onfinish
- Fires when the marquee has finished the amount of scrolling that is set by the loop attribute. It can only fire when the loop attribute is set to some number that is greater than 0.
HTMLMarqueeElement.onstart
- Fires when the marquee starts scrolling.
Methods
Inherits methods from its parent, HTMLElement
.
HTMLMarqueeElement.start()
- Starts scrolling of the marquee.
HTMLMarqueeElement.stop()
- Stops scrolling of the marquee.
Examples
<marquee>This text will scroll from right to left</marquee>
<marquee direction="up">This text will scroll from bottom to top</marquee>
<marquee direction="down" width="250" height="200" behavior="alternate" style="border:solid">
<marquee behavior="alternate">
This text will bounce
</marquee>
</marquee>
Specifications
Specification | Status | Comment |
HTML Living StandardThe definition of 'HTMLMarqueeElement' in that specification. | Living Standard | Made obsolete in favor of CSS but define its expected behavior for backward compatibility. |
HTML 5.2The definition of 'HTMLMarqueeElement' in that specification. | Recommendation | No changes. |
HTML 5.1The definition of 'HTMLMarqueeElement' in that specification. | Recommendation | No changes. |
HTML5The definition of 'HTMLMarqueeElement' in that specification. | Recommendation | Made obsolete in favor of CSS but define its expected behavior for backward compatibility. |
Browser compatibility
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Chrome
Full support 1 |
Edge
Full support 12 |
Firefox Full support 65 Full support 65 Notes' Before Firefox 65, |
IE
Full support 2 |
Opera
Full support 7.2 |
Safari
Full support 1.2 |
WebView Android
Full support 1 |
Chrome Android
Full support 18 |
Firefox Android Full support 65 Full support 65 Notes' Before Firefox 65, |
Opera Android
Full support 10.1 |
Safari iOS
Full support Yes |
Samsung Internet Android
Full support 1.0 |
|
Chrome
Full support 1 |
Edge
Full support 12 |
Firefox
Full support 65 |
IE
Full support 2 |
Opera
Full support 7.2 |
Safari
Full support 1.2 |
WebView Android
Full support 1 |
Chrome Android
Full support 18 |
Firefox Android
Full support 65 |
Opera Android
Full support 10.1 |
Safari iOS
Full support Yes |
Samsung Internet Android
Full support 1.0 |
|
Chrome
Full support 1 |
Edge
Full support 12 |
Firefox
Full support 65 |
IE
Full support 2 |
Opera
Full support 7.2 |
Safari
Full support 1.2 |
WebView Android
Full support 1 |
Chrome Android
Full support 18 |
Firefox Android
Full support 65 |
Opera Android
Full support 10.1 |
Safari iOS
Full support Yes |
Samsung Internet Android
Full support 1.0 |
|
Chrome
Full support 1 |
Edge
Full support 12 |
Firefox
Full support 65 |
IE
Full support 2 |
Opera
Full support 7.2 |
Safari
Full support 1.2 |
WebView Android
Full support 1 |
Chrome Android
Full support 18 |
Firefox Android
Full support 65 |
Opera Android
Full support 10.1 |
Safari iOS
Full support Yes |
Samsung Internet Android
Full support 1.0 |
|
Chrome
Full support 1 |
Edge
Full support 12 |
Firefox
Full support 65 |
IE
Full support 2 |
Opera
Full support 7.2 |
Safari
Full support 1.2 |
WebView Android
Full support 1 |
Chrome Android
Full support 18 |
Firefox Android
Full support 65 |
Opera Android
Full support 10.1 |
Safari iOS
Full support Yes |
Samsung Internet Android
Full support 1.0 |
|
Chrome
Full support Yes |
Edge
Full support 12 |
Firefox
Full support 65 |
IE
? |
Opera
Full support Yes |
Safari
Full support Yes |
WebView Android
Full support Yes |
Chrome Android
Full support Yes |
Firefox Android
Full support 65 |
Opera Android
Full support Yes |
Safari iOS
Full support Yes |
Samsung Internet Android
Full support Yes |
|
Chrome
Full support Yes |
Edge
Full support 12 |
Firefox
Full support 65 |
IE
? |
Opera
Full support Yes |
Safari
Full support Yes |
WebView Android
Full support Yes |
Chrome Android
Full support Yes |
Firefox Android
Full support 65 |
Opera Android
Full support Yes |
Safari iOS
Full support Yes |
Samsung Internet Android
Full support Yes |
|
Chrome
Full support 1 |
Edge
Full support 12 |
Firefox
Full support 65 |
IE
Full support 2 |
Opera
Full support 7.2 |
Safari
Full support 1.2 |
WebView Android
Full support 1 |
Chrome Android
Full support 18 |
Firefox Android
Full support 65 |
Opera Android
Full support 10.1 |
Safari iOS
Full support Yes |
Samsung Internet Android
Full support 1.0 |
|
Chrome
Full support 1 |
Edge
Full support 12 |
Firefox
Full support 65 |
IE
Full support 2 |
Opera
Full support 7.2 |
Safari
Full support 1.2 |
WebView Android
Full support 1 |
Chrome Android
Full support 18 |
Firefox Android
Full support 65 |
Opera Android
Full support 10.1 |
Safari iOS
Full support Yes |
Samsung Internet Android
Full support 1.0 |
|
Chrome
Full support Yes |
Edge
Full support 12 |
Firefox
Full support 65 |
IE
Full support 4 |
Opera
Full support Yes |
Safari
No support No |
WebView Android
Full support Yes |
Chrome Android
Full support Yes |
Firefox Android
Full support 65 |
Opera Android
Full support Yes |
Safari iOS
No support No |
Samsung Internet Android
Full support Yes |
|
Chrome
Full support Yes |
Edge
Full support 12 |
Firefox
Full support 65 |
IE
? |
Opera
Full support Yes |
Safari
Full support Yes |
WebView Android
Full support Yes |
Chrome Android
Full support Yes |
Firefox Android
Full support 65 |
Opera Android
Full support Yes |
Safari iOS
Full support Yes |
Samsung Internet Android
Full support Yes |
|
Chrome
Full support 1 |
Edge
Full support 12 |
Firefox
Full support 65 |
IE
Full support 2 |
Opera
Full support 7.2 |
Safari
Full support 1.2 |
WebView Android
Full support 1 |
Chrome Android
Full support 18 |
Firefox Android
Full support 65 |
Opera Android
Full support 10.1 |
Safari iOS
Full support Yes |
Samsung Internet Android
Full support 1.0 |
Legend
- Full support
- Full support
- No support
- No support
- Compatibility unknown
- Compatibility unknown
- Deprecated. Not for use in new websites.'
- Deprecated. Not for use in new websites.
- See implementation notes.'
- See implementation notes.
See also
HTMLMarqueeElement by Mozilla Contributors is licensed under CC-BY-SA 2.5.