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