Home > DeveloperSection > Blogs > Marquee in HTML

Marquee in HTML


HTML5 HTML5 
Ratings:
0 Comment(s)
 1888  View(s)
Rate this:

Marquee in HTML

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>


Don't want to miss updates? Please click the below button!

Follow MindStick