3schools

Web Tools Table Maker3schools TranslateImage CompressorFavicon Icon GeneratorCrop & Resize Image
Apu
Apu June 02, 2023 › #Attribute › #Element
❌

HTML Marquee Tag - All Attributes With Example

Today we're going to talk about the HTML Marquee Tag and all of its awesome attributes.

The marquee tag is an element that allows you to scroll text, images, or other elements across a web page in a continuous loop.

It's been around since HTML 3.2 but it has seen some updates over the years with new attributes added in order to give us more control over how our content is displayed on screen.

Let's dive into these different attributes and see what they can do for us!

Marquee All Attributes List in HTML
behavior Specifies how the text should move in the marquee. Possible values include "scroll", "slide", and "alternate".
direction Specifies the direction in which the text should move. Possible values include "left", "right", "up", and "down".
scrollamount Specifies the speed at which the text should scroll. A higher value will make the text move faster.
scrolldelay Specifies the delay between each scroll movement. A higher value will make the text move slower.
width Specifies the width of the marquee area.
height Specifies the height of the marquee area.
bgcolor Specifies the background color of the marquee area.
loop Specifies how many times the marquee should repeat. Use "infinite" to make it repeat indefinitely.

Example of marquee tag.#


Marquee behavior attribute with example.#

The behavior attribute in the <marquee> tag is used to specify how the text or image scrolls within the marquee. The values for behavior attribute are scroll, slide, and alternate.

  1. When the behavior attribute is set to scroll, the text or image will continuously scroll in one direction until it reaches the end of the marquee and then it will start again from the beginning.
  2. When the behavior attribute is set to slide, the text or image will slide in one direction until it reaches the end of the marquee and then it will stop there.
  3. When the behavior attribute is set to alternate, the text or image will continuously scroll back and forth within the marquee. This means that it will scroll to one end, then change direction and scroll back to the other end, and so on.

Marquee direction attribute in HTML.#

The direction attribute in the <marquee> tag is used to specify the direction of scrolling within the marquee. The possible values for the direction attribute are left, right, up and down.

  1. When the direction attribute is set to left, the text or image will continuously scroll from right to left.
  2. When the direction attribute is set to right, the text or image will continuously scroll from left to right.
  3. When the direction attribute is set to up, the text or image will continuously scroll from bottom to top.
  4. When the direction attribute is set to down, the text or image will continuously scroll from top to bottom.
The default direction of scrolling is left if the direction attribute is not specified.
save
listen
AI Answer
Write Your Answer
loading
back
View All