Renders as scrolling text, either horizontally or vertically.
| Attribute | Description | Value |
| width | How wide the marquee is | 10, 20% |
| height | How high the marquee is | 10, 20% |
| direction | Which direction it should scroll | up, down, left, right |
| behaviour | Type of scrolling | scroll, slide, alternate |
| scrolldelay | Delay between each scroll frame | 10, 20, etc in milliseconds |
| scrollamount | Sets the speed of scrolling | 10, 20, etc in milliseconds |
| loop | How many times to loop | default is infinite |
| bgcolor | background colour | colour name or hex value |
| hspace | Horizontal space around the marquee | 10, 20% |
| vspace | Vertical space around the marquee | 10, 20% |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<!DOCTYPE html> <html> <head> <title>My Document Title</title> </head> <body> <marquee>This is basic example of marquee</marquee> <marquee width="50%">This example will take only 50% width</marquee> <marquee direction="right">This text will scroll from left to right</marquee> <marquee direction="up">This text will scroll from bottom to top</marquee> <marquee direction="down">This text will scroll from top to bottom</marquee> </body> </html> |
An image can also be placed within a marquee to provide some basic animation, this example increases the speed of the scrolling to give a slightly smoother scroll:
<marquee scrollamount="50"><img src="HTML5_logo.png"></marquee>