HTML Marquee direction attribute
Last Updated :
12 Jan, 2024
The Marquee direction attribute in HTML is used to set the direction of scrolling. The default direction of scrolling is left. Possible values are up, down, left, and right.
Note: This attribute is depreciated from HTML5.
Syntax:Â
<marquee direction= up | down | left | right>
Attribute Value :Â
|
up
|
It sets the direction to upward.
|
|
down
|
It sets the direction downward.
|
|
left
|
It sets the direction to the left. It has a default value.
|
|
right
|
It sets the direction to the right.
|
Example:Â In this example we will see the implementation of marquee direction attribute with an example.
html
<!DOCTYPE html>
<html>
<head>
<title>HTML Marquee direction 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"
loop="">
Left
</marquee>
<marquee class="marq"
bgcolor="Green"
direction="right"
loop="">
Right
</marquee>
</div>
</body>
</html>
|
Output:Â
Example 2: In this example we will see the implementation of marquee direction attribute with another example.
HTML
<!DOCTYPE html>
<html>
<head>
<title>HTML Marquee direction attribute
</title>
<style>
.main {
text-align: center;
}
marquee {
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="up" loop="">
Left
</marquee>
<marquee class="marq" bgcolor="Green"
direction="down" loop="">
Right
</marquee>
</div>
</body>
</html>
|
Output:
Supported Browsers:
- Google Chrome 1
- Edge 12
- Firefox 65
- Apple Safari 7.2
- Opera 1.2Â
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...