Ostatnio edytowany:

dir

Autor: Virtual Patriot

Przeznaczenie atrybutu dir

Za pomocą atrybutu dir możemy określić dodatkową informację dla przeglądarki internetowej o kierunku tekstu znajdującego 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.

Wartość domyślna

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

Wartości atrybutu dir

ltr

Wartość ltr oznacza tekst napisany od lewej do prawej.

Przykładowy kod HTML

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

    <p>
      Treść napisana w języku arabskim: "عباد الشمس".
    </p>

    <p>
      Treść napisana w języku arabskim: <bdo dir="ltr">"عباد الشمس"</bdo>.
    </p>

  </body>
</html>

Rezultat

Treść napisana w języku arabskim: "عباد الشمس".

Treść napisana w języku arabskim: "عباد الشمس".

Znaki tworzące tekst znajdujący się w zawartości przykładowego elementu "bdo" zostały wyświetlone w kierunku od lewej do prawej, ponieważ do wspomnianego elementu "bdo" został dodany atrybut "dir" wraz z wartością "ltr".

rtl

Wartość rtl oznacza tekst napisany od prawej do lewej.

Przykładowy kod HTML

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

    <p>
      Treść napisana w języku polskim: "słonecznik".
    </p>

    <p>
      Treść napisana w języku polskim: <bdo dir="rtl">"słonecznik"</bdo>.
    </p>

  </body>
</html>

Rezultat

Treść napisana w języku polskim: "słonecznik".

Treść napisana w języku polskim: "słonecznik".

Znaki tworzące tekst znajdujący się w zawartości przykładowego elementu "bdo" zostały wyświetlone w kierunku od prawej do lewej, ponieważ do wspomnianego elementu "bdo" został dodany atrybut "dir" wraz z wartością "rtl".

auto

Wartość auto oznacza, że przeglądarka internetowa sama określi kierunek tekstu na podstawie pierwszego napotkanego znaku należącego do jakiegokolwiek istniejącego alfabetu.

Przykładowy kod HTML

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

    <p>
      (Słonecznik Biały) عباد الشمس أبيض: 100g.
    </p>

    <p>
      <bdi dir="auto">(Słonecznik Biały) عباد الشمس أبيض</bdi>: 100g.
    </p>

  </body>
</html>

Rezultat

(Słonecznik Biały) عباد الشمس أبيض: 100g.

(Słonecznik Biały) عباد الشمس أبيض: 100g.

Przeglądarka internetowa sama określiła kierunek tekstu na podstawie pierwszego napotkanego znaku należącego do jakiegokolwiek istniejącego alfabetu oraz tworzącego tekst znajdujący się w zawartości przykładowego elementu "bdi", ponieważ do wspomnianego elementu "bdi" został dodany atrybut "dir" wraz z wartością "auto".

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

Interpretacja atrybutu dir

Firefox

tak

Google Chrome

tak

Safari

tak

Opera

tak

Internet Explorer

tak

Edge

tak