In this blog I am defining the marquee tag.
Marquee was first introduced in Internet Explorer and was very popular in the decade of 90’s before W3C ultimately decided to exclude it from the HTML standard element due to usability issues.
New CSS3 Properties
CSS3 adds five new properties to help control how your content displays in the marquee:
1. Overflow-style
2. Marquee-style
3. Marquee-play-count
4. Marquee-direction
5. Marquee-speed
Overflow-style:
Overflow style is same as overflow property in CSS3 and I have already explained in my previous Article http://www.mindstick.com/Articles/3eaf46bf-7086-4fc5-b853-58f52ce37885/?Overflow%20property%20using%20CSS3%20and%20HTML
Marquee-direction:
Sets the direction of the moving content.
Marquee-play-count:
Sets how many times the content move.
Marquee-speed:
Sets how fast the content scrolls.
Marquee-style:
Sets the style of the moving content.
<html>
<body>
<marquee behavior="slide" direction="right">Text goes left side to Right in screen </marquee> <marquee behavior="scroll" direction="left"> Text goes right side to left in screen </marquee> <marquee behavior="alternate">Your text bouncing in screen </marquee> <marquee behavior="scroll" direction="up">Your Text goes in up side of screen. </marquee> <marquee behavior="scroll" direction="left" scrollamount="1">Slow scroll speed</marquee> <marquee behavior="scroll" direction="left" scrollamount="10">Medium scroll speed</marquee> <marquee behavior="scroll" direction="left" scrollamount="100">Fast scroll speed</marquee> </body>
</html>
Leave Comment