HTML Marquee tag attribute

simply explain HTML Marquee tag attribute

by Vikash Pareek

HTML

<h2>width, direction up and height attribute</h2>
    <marquee width="60%" direction="up" height="100px">This is a sample paragraph</marquee>

    <h2>width, direction down and height attribute</h2>
    <marquee width="60%" direction="down" height="100px">This is a sample paragraph</marquee> 

    <h2>width, direction right and height attribute</h2>
    <marquee width="60%" direction="right" height="100px">This is a sample paragraph</marquee>

    <h2>direction, behavior and scrollamount attribute</h2>
    <marquee behavior="scroll" direction="up" scrollamount="1">Slow Scrolling</marquee>
    <marquee behavior="scroll" direction="right" scrollamount="12">Little Fast Scrolling</marquee>
    <marquee behavior="scroll" direction="left" scrollamount="20">Fast Scrolling</marquee>
    <marquee behavior="scroll" direction="right" scrollamount="50">Very Fast Scrolling</marquee>

    <h2>background color attribute</h2>
    <marquee bgcolor="red">This is a sample paragraph</marquee>

CSS

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body{
  font-family: sans-serif;
}
h2{
  font-size: 1.5rem;
  text-transform: capitalize;
  margin-top: 3rem;
  margin-bottom: 1rem;
}
@media (max-width: 767px){
  :root{font-size: 90%;}
}