Skip to content
Related Articles

Related Articles

HTML | Marquee behavior attribute

View Discussion
Improve Article
Save Article
Like Article
  • Difficulty Level : Hard
  • Last Updated : 09 Feb, 2022

The Marquee behavior attribute in HTML is used to set the behavior of scrolling. The default value is scroll.
Syntax: 
 

<marquee behavior=slide >

Attribute value: 

  • alternate: It defines that text moving to the end and then starting in the opposite direction.
  • scroll: It has a default value.  specify the text scrolls to the end and starts over.
  • slide: It specifies the text moving to the end and then stops it.

Example: 
 

html




<!DOCTYPE html>
<html>
 
<head>
    <title>HTML Marquee behavior attribute</title>
    <style>
        .main {
            text-align: center;
        }
         
        .marq {
            padding-top: 30px;
            padding-bottom: 30px;
        }
    </style>
</head>
 
<body>
    <h1 style="color:green; text-align:center;">GeeksforGeeks</h1>
    <div class="main">
        <marquee class="marq"
                 bgcolor="Green"
                 direction="left"
                 behavior=scroll
                 loop="">
            Scroll
        </marquee>
        <marquee class="marq"
                 bgcolor="Green"
                 behavior=alternate
                 direction="left"
                 loop="">
            Alternate
        </marquee>
    </div>
</body>
 
</html>

Output: 
 

Supported Browsers: The browsers supported by HTML Marquee behavior attribute are listed below: 
 

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Apple Safari
  • Opera

 


My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!