Autor publikacji: Virtual Patriot - Administrator

dir

Data publikacji: Kwiecień 09 2016
Ostatnio edytowano: Grudzień 28 2024

Zobacz również: w3.org - the dir attribute (HTML5.2)

Przeznaczenie atrybutu `dir`

Za pomocą atrybutu dir możemy określić kierunek, jaki powinien posiadać tekst, który znajduje się w zawartości interesującego nas elementu HTML.

Atrybut "dir" ma szczególne znaczenie dla następujących elementów HTML: bdi oraz bdo.

Atrybut dir oddziałuje również na tekst będący wartością:

atrybutu abbr elementu th
atrybutu alt elementu area, elementu img oraz elementu input
atrybutu content elementu meta
atrybutu label elementu optgroup, elementu option oraz elementu track
atrybutu placeholder elementu input oraz elementu textarea
atrybutu title

Wartość domyślna: brak wartości domyślnej (wartość auto dla elementu bdi)

Wartości atrybutu `dir`

ltr

Wartość ltr oznacza kierunek od lewej do prawej.

Przykładowy Kod HTML

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs HTML</title>
  </head>
  <body>

    <div dir="rtl">
      <p>
        عينة من محتوى الوثيقة.
      </p>

      <p dir="ltr">
        Przykładowa treść dokumentu HTML.
      </p>

      <p>
        عينة من محتوى الوثيقة.
      </p>
    </div>

  </body>
</html>

Rezultat

عينة من محتوى الوثيقة.

Przykładowa treść dokumentu HTML.

عينة من محتوى الوثيقة.

Tekst znajdujący się w zawartości drugiego przykładowego elementu "p" po wyświetleniu w oknie przeglądarki internetowej posiada kierunek od lewej do prawej, ponieważ do wspomnianego elementu "p" został dodany atrybut "dir" wraz z wartością "ltr".

rtl

Wartość rtl oznacza kierunek od prawej do lewej.

Przykładowy Kod HTML

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs HTML</title>
  </head>
  <body>

    <p>
      Przykładowa treść dokumentu HTML.
    </p>

    <p dir="rtl">
      عينة من محتوى الوثيقة.
    </p>

  </body>
</html>

Rezultat

Przykładowa treść dokumentu HTML.

عينة من محتوى الوثيقة.

Tekst znajdujący się w zawartości drugiego przykładowego elementu "p" po wyświetleniu w oknie przeglądarki internetowej posiada kierunek od prawej do lewej, ponieważ do wspomnianego elementu "p" został dodany atrybut "dir" wraz z wartością "rtl".

auto

Wartość auto oznacza, że przeglądarka internetowa sama określi kierunek na podstawie pierwszego napotkanego znaku należącego do jakiegokolwiek istniejącego alfabetu oraz znajdującego się w zawartości danego elementu HTML.

Przykładowy Kod HTML

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs HTML</title>
  </head>
  <body>

    <p>
      Przykładowa treść dokumentu HTML.
    </p>

    <p dir="auto">
      عينة من محتوى الوثيقة.
    </p>

  </body>
</html>

Rezultat

Przykładowa treść dokumentu HTML.

عينة من محتوى الوثيقة.

Tekst znajdujący się w zawartości drugiego przykładowego elementu "p" po wyświetleniu w oknie przeglądarki internetowej posiada kierunek określony przez przeglądarkę internetową na podstawie pierwszego napotkanego znaku należącego do jakiegokolwiek istniejącego alfabetu oraz znajdującego się w zawartości drugiego przykładowego elementu "p", ponieważ do wspomnianego elementu "p" został dodany atrybut "dir" wraz z wartością "auto".

Wartość "auto" nie jest przeznaczona dla elementu bdo.

Przypuszczalnie domyślne reguły CSS związane z atrybutem `dir`

*[dir="ltr"] {
  direction:ltr;
}

*[dir="rtl"] {
  direction:rtl;
}

Interpretacja atrybutu `dir`

: tak
: tak
: tak
: tak
: tak
: tak