HTML marquee tag

HTML Marquee is the way of display scrolling text.

This scrolling text can scroll horizontally as well as vertically. Marquee text can be used in the websites to show scrolling text like news and events. Marquee text can be displayed in HTML pages by using <marquee>.


Syntax

Output

This is marquee, scrolling text.

List of HTML marquee tag attributes

Sr. No.HTML Marquee AttributesDescription
1directionUsed to give direction to the scrolling text. The value of this is left, right, top, up and down.
2widthUsed to give the width of the marquee.
3heightUsed to give a height for marquee element.
4behaviorUsed to give the behavior of the marquee text. The value of this are scroll, slide and alternate.
5scrollamountUsed to give amount in numbers. This controls of speed of the marquee text. Higher the values, higher is the speed of the marquee text. The value is in milliseconds.
6scrolldelayUsed to give a delay in number. This controls the delay of content to display again from the coming end. The value is in milliseconds.
7bgcolorUsed to give background color to the marquee text.
8vspaceUsed to set the vertical space between the marquee and the content top and bottom.
9hspaceUsed to set the horizontal space between the marquee and the content before and after.
10loopUsed to define how many times the marquee will appear in the loop. loop=”2″ means marquee will appear two times. loop=”infinite” means marquee will appear continuous.

Marquee Direction Attribute

Direction attributes used to give the direction to the marquee content. The directions are left, right, up and down.

Right direction marquee

Output

This is a right direction marquee.

Left direction marquee

Output

This is a left direction marquee.

Up direction marquee

Output

This is up direction marquee.

Down direction marquee

Output

This is down direction marquee.

HTML Marquee width and height Attribute

Width and height attributes used to give the size of the marquee. We can define the width and height in pixel numbers as well as percentage.

Output

This is first text marquee.

This is a second text marquee.



Marquee behavior Attribute

Marquee behavior attribute is used to define the behavior of the marquee. The values for behavior or scroll, slide, and alternate.


Example with scroll behavior

Output

This is scroll text marquee.

Slide behavior marquee

Output

This is the slide text marquee.

Alternate behavior marquee

Output

This is an alternate text marquee.

Marquee scrollamount Attribute

Scrollamount attribute used to give the scroll speed to the marquee content. The value will be in millisecond.

Output

This is marquee text with scrollamount.
This is marquee text with scrollamount.

Marquee scrolldelay Attribute

Scrolldelay attribute given delay in number. This controls the delay of content to display again from the coming end. The value is in milliseconds.

Output

This is marquee text with scrolldelay.
This is marquee text with scrolldelay.

Marquee vspace Attribute

vspace attribute Used to set the vertical space between the marquee and the container top and bottom.

Output

This is marquee text with vspace.outer text

Marquee hspace Attribute

hspace attribute Used to set the horizontal space between the marquee and the content before and after.

Output

This is marquee text with hspace.outer text

Marquee loop Attribute

Used to define how many times the marquee will appear in the loop. loop=”2″ means marquee will appear two times. loop=”infinite” means marquee will appear continuous.

Output

This is marquee text with loop.

Resources and References

1. W3C Specification.
2. HTML living standard
3. W3C project using Github

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.