CSS :dir() Pseudo-class
Example
Use of the :dir() pseudo-class:
:dir(rtl) {
background-color: lightgreen;
}
Try it Yourself »
Definition and Usage
The CSS :dir() pseudo-class matches any
element with the specified text direction.
-
:dir(rtl)matches elements with right-to-left text -
:dir(ltr)matches elements with left-to-right text
Tip: In HTML, the text direction is specified with the
dir attribute.
| Version: | CSS Selectors Level 4 |
|---|
Browser Support
The numbers in the table specifies the first browser version that fully supports the pseudo-class.
| Pseudo-class | |||||
|---|---|---|---|---|---|
| :dir() | 120 | 120 | 49 | 16.4 | 106 |
CSS Syntax
:dir(ltr|rtl) {
css declarations;
}
