Movatterモバイル変換


[0]ホーム

URL:


MDN Web Docs

<marquee>: The Marquee element

The<marquee>HTML element is used to insert a scrolling area of text. You can control what happens when the text reaches the edges of its content area using its attributes.

The HTML<marquee> element is deprecated and its use is strongly discouraged. If you must create the effect of scrolling text or continuous elements, consider usingCSS animations withCSS transforms instead of<marquee> elements to smoothly animate content. Additionally, include theprefers-reduced-motion CSS@media query to stop the animation based on user preference, thereby improving user experience and accessibility.

Attributes

behaviorDeprecated

Sets how the text is scrolled within the marquee. Possible values arescroll,slide andalternate. If no value is specified, the default value isscroll.

bgcolorDeprecated

Sets the background color through color name or hexadecimal value.

directionDeprecated

Sets the direction of the scrolling within the marquee. Possible values areleft,right,up anddown. If no value is specified, the default value isleft.

heightDeprecated

Sets the height in pixels or percentage value.

hspaceDeprecated

Sets the horizontal margin

loopDeprecated

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.

scrollamountDeprecated

Sets the amount of scrolling at each interval in pixels. The default value is 6.

scrolldelayDeprecated

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 unlesstruespeed is specified.

truespeedDeprecated

By default,scrolldelay values lower than 60 are ignored. Iftruespeed is present, those values are not ignored.

vspaceDeprecated

Sets the vertical margin in pixels or percentage value.

widthDeprecated

Sets the width in pixels or percentage value.

Examples

html
<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" >  <marquee behavior="alternate">This text will bounce</marquee></marquee>
css
.outlined {  border: solid;}

Result

Technical summary

DOM interfaceHTMLMarqueeElement

Specifications

Specification
HTML
# the-marquee-element-2

Browser compatibility

See also

Help improve MDN

Learn how to contribute.

This page was last modified on byMDN contributors.


[8]ページ先頭

©2009-2025 Movatter.jp