Pseudoklasa CSS :dir() wybiera elementy na podstawie kierunku ich tekstu, tzn. w zależności od tego, czy zawierają tekst pisany od lewej (np. w języku polskim), czy od prawej (np. w języku arabskim). Kierunek tekstu dokumentu jest ustalany przez przeglądarkę na podstawie lokalnych ustawień komputera oraz może zostać zmieniony za pomocą atrybutu HTML dir
.
Przykład użycia :dir()
Przykład użycia pseudoklasy :dir
– wszystkie elementy zawierające tekst pisany od prawej będą miały czerwony kolor pisma.
<style>
:dir(rtl) {color: red}
</style>
...
<div dir="rtl">Tekst w języku arabskim.</div>
Poniższy zrzut ekranu przedstawia wynik zastosowania tej reguły CSS.

Składnia :dir
Składnia pseudoklasy :dir
:
:dir(ltr | rtl) {...}
Parametry
Pseudoklasa :dir()
to pseudoklasa funkcyjna, która przyjmuje jeden z następujących argumentów w nawiasie:
ltr
- Wybiera elementy zawierające tekst pisany od lewej
rtl
- Wybiera elementy zawierające tekst pisany od prawej