Marquee

Marquee Support Key: [2\|3\|3.2\|4] [X1\|X1.1] [*IE2\|M\|N7\|O7.2*]	What is it? Attributes Tag Example	Parent/Content Model Tips & Tricks Browser Peculiarities
= Index DOT Html by Brian Wilson =

Main Index | Element Tree | Element Index | HTML Support History

Quick Statistics
End Tag:		Required
Standards Details:		NA
XHTML Modules:		NA
CSS 'display' Type:		"block"
CSS Mapping:		NA
Default Rendering:		Block content cycling from the right side of the element to the left.
Official Docs:		Microsoft MSDN reference

What is it?: A Marquee is a rectangular banner region of moving/scrolling content allowing many different movement behaviors.

Common Attributes
%Core%: [2|3|3.2|4] [X1|X1.1] [IE3B1|M|N6.2|O7.2]
%Accessibility%: [2|3|3.2|4] [X1|X1.1] [IE4B1|M|N6|O7.2]
%Events%: [2|3|3.2|4] [X1|X1.1] [IE4B1|M|N6|O7.2]
%Language%: [2|3|3.2|4] [X1|X1.1] [IE4|M|N|O]
%Data%: [2|3|3.2|4] [X1|X1.1] [IE4|M|N|O]
%Editing%: [2|3|3.2|4] [X1|X1.1] [IE5.5|M|N|O]
Specific Attributes
Behavior
[2|3|3.2|4] [X1|X1.1] [IE2|M|N7|O7.2]: Standards Details: NA; Required? No; Description:
Specifies how the Marquee text should move.; Values:
   Scroll [DEFAULT - Text enters on one side of the screen and travels to the opposite side and cycles repeatedly from where it started]
   Slide [marquee enters from one side of the screen and comes to stop at the opposite side]
   Alternate [marquee bounces from one side of the screen to the other.]
BGColor
[2|3|3.2|4] [X1|X1.1] [IE2|M|N|O7.2]: Standards Details: NA; Required? No; Description:
Indicates a background color to be used for the Marquee text box.; Values: The standard HTML color specification methods apply.
Direction
[2|3|3.2|4] [X1|X1.1] [IE2|M|N7|O7.2]: Standards Details: NA; Required? No; Description:
Specifies the direction the Marquee text should scroll.; Values: Left [DEFAULT] | Right | Down | Up
Height
[2|3|3.2|4] [X1|X1.1] [IE2|M|N7|O7.2]: Standards Details: NA; Required? No; Description:
Specifies the height of the Marquee box. Default value is the height of the contained text.; Values: Positive integer values representing the pixel height of the marquee box or a percentage of the screen height.
HSpace
[2|3|3.2|4] [X1|X1.1] [IE2|M|N|O]: Standards Details: NA; Required? No; Description:
Specifies values for the left and right spacing margins for the outside of the Marquee.; Values: Specified in positive integer pixel amounts. Default is 0.
Loop
[2|3|3.2|4] [X1|X1.1] [IE2|M|N|O7.2]: Standards Details: NA; Required? No; Description:
Specifies how many times the Marquee display will cycle.; Values: A positive integer N times, or INFINITE (-1) [DEFAULT]
ScrollAmount
[2|3|3.2|4] [X1|X1.1] [IE2|M|N7|O7.2]: Standards Details: NA; Required? No; Description:
This attribute specifies the amount of space that exists horizontally between each successive draw of Marquee text.; Values: Positive integer pixel amounts.
ScrollDelay
[2|3|3.2|4] [X1|X1.1] [IE2|M|N7|O7.2]: Standards Details: NA; Required? No; Description:
Specifies the number of milliseconds between each successive draw of Marquee text.; Values: Values are specified in positive integer millisecond amounts.
Truespeed
[2|3|3.2|4] [X1|X1.1] [IE4B1|M|N|O]: Standards Details: NA; Required? No; Description:
This stand alone indicates that exact SCROLLDELAY values should be honored. If this attribute is not present, all SCROLLDELAY values less than 59 are rounded to 60 milliseconds.; Values: NA
VSpace
[2|3|3.2|4] [X1|X1.1] [IE2|M|N|O]: Standards Details: NA; Required? No; Description:
Specifies values for the top and bottom spacing margins for the outside of the Marquee.; Values: Specified in positive integer pixel amounts. Default value is 0.
Width
[2|3|3.2|4] [X1|X1.1] [IE2|M|N7|O7.2]: Standards Details: NA; Required? No; Description:
Specifies the width of the Marquee box. Default value is the width of the screen.; Values: Positive integer values representing the pixel width of the marquee box or a percentage of the parent element's width.

Example: <marquee loop="infinite" behavior="slide"
bgcolor="#FF0000" direction="left" height="30" width="200">
Marquee Sliding Text Example
</marquee>

Parent Model: %Block Parent%
Exceptions: <marquee>
Content Model: %In-line Content% | %Block Content%
Exceptions: <marquee>

Tips & Tricks

For a long time, only Internet Explorer supported this element. Although Netscape/Mozilla now supports it, it is not and likely will never be in the standards, so its use is not recommended.
Many of the effects of this element can be replicated with Java or Javascript which already has wider support than Marquee. In situations where Marquee support is guaranteed, it does represent a MUCH more compact method of representation to produce moving text than Java code would be.
There is no direct way to control the speed at which a bit of Marquee text travels. The SCROLLAMOUNT and SCROLLDELAY attributes must be used in tandem to create this effect and their use is not intuitive.
[Test] If no WIDTH attribute is set for a MARQUEE element, it behaves like a block-level element (linebreak before and after) and occupies 100% of the containing element/window width. If a width is set, it behaves like an in-line element.

Browser Peculiarities

Internet Explorer versions before 4.0 Beta 1 will not understand the DIRECTION attribute values of UP and DOWN.
[Test] Nested MARQUEE elements do not behave well in Internet Explorer. Don't try it.
[Test] The use of block structures in MARQUEEs (such as BLOCKQUOTE) will be ignored in IE versions 3.0x and below, while in IE 4.0 and above it makes the marquee appear as a multi-line field.
Internet Explorer versions 2.0 and 3.0 supported an ALIGN attribute. It specified where the text around the marquee should align vertically relative to the marquee and supported values of "Top", "Middle" and "Bottom". Version 4.0 and later do not support this attribute.
[Test] Scenario: MARQUEE is the only content of a table cell and WIDTH attribute is not set for EITHER the table cell or MARQUEE element: Internet Explorer 4.0 and above - cell width defaults to 1 pixel.
Internet Explorer 2.0/3.0 - cell width defaults to the width of the MARQUEE content.
Netscape 7.0+: For the BEHAVIOR attribute, the SLIDE value is not supported
[Test] Netscape 7.0+: For the BEHAVIOR attribute, the ALTERNATE value is rendered differently than IE - In IE, the marquee starts at one side of the marquee box, already onscreen. It then proceeds to the opposite side of the marquee box, until its leading content edge reaches the marquee box edge, and then returns back the way it came. In Mozilla, the marquee content starts offscreen, comes onscreen at one side, travels to the opposite side, then goes offscreen before travelling back the way it came.