direction

Specifies the base text direction for an element. 'ltr' is for languages like English, and 'rtl' is for languages like Arabic or Hebrew.

Quick example

.arabic-text {
  /* Sets text to flow from right to left */
  direction: rtl;
}

Quick facts

Initial value
ltr
Inherited
Yes
Applies to
all elements
Animation type
notAnimatable

Values

ltrrtl

direction Browser Support

Widely available Since 2020 96% global usage

This feature is well established and works across many devices and browser versions. It has been available across browsers since 2020.

Safe to use without fallbacks.

2+
1+
1+
12+
ESC