Definition and Usage
This property specifies how many times the content moves. UAs should restart the loop count every time the element turns from completely invisible into (fully or partially) visible. E.g., an element that is outside the viewport starts moving when it is scrolled into view.
| Name: | marquee-play-count |
| Value: | <non-negative-integer> | infinite |
| Initial: | 1 |
| Applies to: | same as 'overflow' |
| Inherited: | no |
| Percentages: | N/A |
| Media: | visual |
| Computed value: | as specified |
Syntax
marquee-play-count : <non-negative-integer> | infinite;
Values
A UA may also take the visibility of the UA viewport itself into account, e.g., if the element is hidden behind a pop-up window or if the UA is iconified.
If 'marquee-play-count' is different for different states of the element, e.g., 'p {marquee-play-count: 0} p:hover {marquee-play-count: infinite}', the loop counter must be reset each time the element enters a state with a different computed value.
If the specified value is 'infinite' or greater than 16, the UA may stop after 16 loops.
Examples
.class {
marquee-play-count: infinite;
}
