dir
Kierunek tekstu: od lewej do prawej, od prawej do lewej albo automatycznie.
- Dotyczy
- Wszystkie elementy HTML
Przykład
#<p dir="ltr">Tekst od lewej do prawej</p>
<p dir="rtl">Tekst od prawej do lewej</p>
<p dir="auto">שלום, to zdanie zaczyna się po hebrajsku</p>Definicja i zastosowanie
#Atrybut dir ustawia kierunek pisania. ltr to kierunek od lewej do prawej (polski, angielski), rtl od prawej do lewej (arabski, hebrajski), a auto pozwala przeglądarce zgadnąć kierunek na podstawie pierwszej mocnej litery treści.
Kierunek wpływa nie tylko na tekst, ale też na układ: w rtl elementy liniowe, listy i kolumny tabel układają się od prawej. Dlatego strony w językach pisanych od prawej ustawiają dir="rtl" na elemencie <html>.
Wartość auto przydaje się przy treściach od użytkowników, których języka nie znasz z góry, na przykład w komentarzach czy nazwach użytkowników.
Składnia
#<element dir="ltr | rtl | auto">…</element>Wartości
#ltr
Od lewej do prawej. Domyślny kierunek dla języków takich jak polski.rtl
Od prawej do lewej, na przykład dla arabskiego i hebrajskiego.auto
Przeglądarka sama ustala kierunek na podstawie treści elementu.
Obsługa przeglądarek
#Szeroko dostępne
Działa we wszystkich nowoczesnych przeglądarkach, także na telefonach. Możesz używać bez obaw.
- Chrome
- Edge
- Firefox
- Safari
Dobre praktyki
#- Do pojedynczych wstawek o nieznanym kierunku (np. nazw użytkowników) użyj
<bdi>. - W CSS zamiast
margin-leftużywaj właściwości logicznych, jakmargin-inline-start. Działają poprawnie w obu kierunkach.
Powiązane hasła
#Widzisz błąd albo brakuje przykładu? Napisz do nas.