---
title: direction
slug: Web/CSS/direction
tags:
  - CSS
  - 'CSS:Dokumentacje'
  - Dokumentacje
  - Wszystkie_kategorie
translation_of: Web/CSS/direction
---
<p> {{ CSSRef() }}
</p>
<h3 id="Podsumowanie" name="Podsumowanie"> Podsumowanie </h3>
<p>Własność <code>direction</code> powinna być ustawiana w celu dobrania kierunku tekstu: <code>rtl</code> dla hebrajskiego lub arabskiego tekstu oraz <code>ltr</code> dla innych pism. Normalnie powinno być to robione raczej jako cześć dokumentu (np. poprzez użycie atrybutu <code>dir</code> w HTML) niż poprzez bezpośrednie użycie CSS.
</p><p>Własność ustawia bazowy kierunek tekstu elementów blokowych oraz kierunek osadzonych utworzonych przez własność {{ Cssxref("unicode-bidi") }}. Ustawia również domyślne wyrównanie tekstu i elementów blokowych oraz kierunek, w jakim komórki następują w wierszu tabeli.
</p>
<ul><li> {{ Xref_cssinitial() }}: {{ Cssxref("ltr") }}
</li><li> Stosowana do: wszystkich elementów
</li><li> {{ Xref_cssinherited() }}: tak
</li><li> Procenty: niedostępne
</li><li> Media: {{ Xref_cssvisual() }}
</li><li> {{ Xref_csscomputed() }}:
</li></ul>
<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia"> Składnia </h3>
<pre class="eval">direction: [ 'ltr' | 'rtl' | inherit ] ;
</pre>
<h3 id="Warto.C5.9Bci" name="Warto.C5.9Bci"> Wartości </h3>
<dl><dt> ltr </dt><dd> Domyślna wartość <code>direction</code>. Tekst i inne elementy idą od lewej do prawej,
</dd><dt> rtl </dt><dd> Tekst i inne elementy idą od prawej do lewej.
</dd></dl>
<p>Aby własność <code>direction</code> miała jakiś efekt w elementach inline, wartością własności {{ Cssxref("unicode-bidi") }} musi być 'embed' lub 'override'.
</p>
<h3 id="Przyk.C5.82ady" name="Przyk.C5.82ady"> Przykłady </h3>
<pre class="eval">blockquote {
  direction : rtl ;
}
</pre>
<h3 id="Notatki" name="Notatki"> Notatki </h3>
<p>W odróżnieniu od atrybutu <code>dir</code> w HTML, własność <code>direction</code> nie jest dziedziczona od kolumn tabeli do komórek tabeli, ponieważ dziedziczenie CSS spływa po drzewie dokumentu, a komórki tabeli są wewnątrz wierszy, ale nie wewnątrz kolumn.
</p>
<h3 id="Specyfikacje" name="Specyfikacje"> Specyfikacje </h3>
<ul><li> <a class="external" href="http://www.w3.org/TR/CSS21/visuren.html#direction">CSS 2.1</a>
</li><li> <a class="external" href="http://www.w3.org/TR/2003/CR-css3-text-20030514/#direction">CSS 3 Text Module</a>
</li></ul>
<h3 id="Zobacz_tak.C5.BCe" name="Zobacz_tak.C5.BCe"> Zobacz także </h3>
<p>{{ Cssxref("unicode-bidi") }}
</p>
<div class="noinclude">
</div>
{{ languages( { "en": "en/CSS/direction", "es": "es/CSS/direction", "fr": "fr/CSS/direction" } ) }}