CSS direction Property

Set the text direction to “right-to-left”:

p.rtl {
direction: rtl;
}

Try it Yourself »


Definition and Usage

The direction property specifies the text direction/writing direction within a block-level element.

Tip: Use this property together with the unicode-bidi property to set or return whether the text should be overridden to support multiple languages in the same document.

Default value: ltr
Inherited: yes
Animatable: no. Read about animatable
Version: CSS2
JavaScript syntax: object.style.direction=”rtl” Try it
CSS Syntax
direction: ltr|rtl|initial|inherit;
Property Values
Value Description
ltr Text direction goes from left-to-right. This is default
rtl Text direction goes from right-to-left
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit