Pseudoklasa CSS :dir()

> Dodaj do ulubionych

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.

Efekt zastosowania pseudoklasy :dir()

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