marquee-play-count property CSS Reference

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


marquee-play-count : <non-negative-integer> | infinite;


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.


.class {
    marquee-play-count: infinite;

Relative articles