This page is In Progress

Notice: The WebPlatform project, supported by various stewards between 2012 and 2015, has been discontinued. This site is now available on github.

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: forward
  • marquee-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