HTML | Marquee width attribute

Last Updated : 18 Oct, 2019

The Marquee width attribute in HTML is used to set the width of marquee in pixels or percentage value.

Syntax:

<marquees width="px" >

Attribute value:

px: Define the width value of marquee.
%: Define the width value of marquee.

Example:

<!DOCTYPE html>
<html>
  
<head>
    <title>Marquee Tag</title>
    <style>
        .main {
            text-align: center;
        }
    </style>
</head>
  
<body>
    <h1 style="color:green; text-align:center;">
      GeeksforGeeks
  </h1>
    <div class="main">
        <marquee width=25px 
                 bgcolor="Green"
                 direction="left"
                 loop="">
            Left
        </marquee>
        <br>
        <marquee width=50px 
                 bgcolor="Green"
                 direction="right" 
                 loop="">
            Right
        </marquee>
        <br>
        <marquee width=75px
                 bgcolor="Green"
                 direction="left"
                 loop="">
            Left
        </marquee>
        <br>
        <marquee width=100px
                 bgcolor="Green"
                 direction="right"
                 loop="">
            Right
        </marquee>
        <br>
        <marquee width=125px
                 bgcolor="Green"
                 direction="left"
                 loop="">
            Left
        </marquee>
        <br>
        <marquee width=150px 
                 bgcolor="Green"
                 direction="right"
                 loop="">
            Right
        </marquee>
    </div>
</body>
  
</html>

Output:

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

Google Chrome
Internet Explorer
Firefox
Apple Safari
Opera

My Personal Notes

Related Articles