marquee-direction
Summary
The marquee-direction determines the initial direction in which the marquee content moves.
Overview table
- Initial value
forward- Applies to
- non-replaced block-level elements and non-replaced ’inline-block’ elements
- Inherited
- Yes
- Media
- visual
- Computed value
- as specified
- Animatable
- No
- CSS Object Model Property
marqueeDirection- Percentages
- n/a
Syntax
marquee-direction: forwardmarquee-direction: reverse
Values
- forward
- moves the content in normal reading order
- reverse
- moves the content in reverse reading order
Usage
The actual direction depends the 'direction' and 'overflow-style', as follows:
overflow-style: inline; direction: ltr;marquee-direction:forward;
animation direction: right-to-left
overflow-style: inline; direction: ltr;marquee-direction:reverse;
animation direction: left-to-right
overflow-style: inline; direction: rtl;marquee-direction:forward;
animation direction: left-to-right
overflow-style: inline; direction: rtl;marquee-direction:reverse;
animation direction: right-to-left
overflow-style: block;marquee-direction:forward;
animation direction: bottom-to-top
overflow-style: block;marquee-direction:reverse;
animation direction: top-to-bottom
Related specifications
- CSS Marquee Module Level 3
- Candidate Recommendation