Der Inhalt dieser Seite wurde von der Community übersetzt, jedoch wird er nicht mehr aktiv gepflegt und kann daher veraltet sein. Wenn du mithelfen möchtest, kannst du hier herausfinden wie deaktivierte Übersetzungen reaktiviert werden können.

direction

Zusammenfassung

Legt die CSS Eigenschaft direction fest damit sie mit der Richtung des Textes übereinstimmt: rtl dür Sprachen welche von rechts nach links geschrieben werden (wie Hebräisch oder Arabisch) und ltr für Sprachen von links nach rechts. Normalerweise ist es jedoch ein Teil des Dokuments (z.B. mit dem dir Attribut in HTML) statt durch den direkten Gebrauch in CSS.

Der Wert legt die grundsätzliche Richtung des Textes von block-level Elementen und die Richtung von Einbindungen, welche von der unicode-bidi Eigenschaft erzeugt wird, fest. Auch legt es die grunsätzliche Ausreichtung des Textes, block-level Elemente und die Richtung in welcher Zellen in einer Tabellenzeile angeordnet werden.

Anders als das dir Attribut in HTML, wird die direction Eigenschaft nicht von Tabellenspalten an die Tabellenzellen vererbt, da CSS Vererbung dem Dokumenten Baum folgt, in welchem Tabellenzellen in Zeilen sind und nicht in Spalten.

Die direction und unicode-bidi Eigenschaft sind die einzigen zwei Eigenschaften welche nicht von der all Kurzform Eigenschaft beinflusst werden.

Initialwertltr
Anwendbar aufalle Elemente
VererbtJa
Berechneter Wertwie angegeben
Animationstypdiskret

Syntax

direction: ltr;
direction: rtl;

/* Globale Werte*/
direction: inherit;
direction: initial;
direction: unset;

Werte

ltr
Der Ausgangswert von direction (wenn nicht anders festgelegt). Text und andere Elemente gehen von links nach rechts.
rtl
Text und andere Elemente gehen von rechts nach links.

Damit die direction Eigenschaft Auswirkungen auf inline-level elemente hat, muss der unicode-bidi Eigenschaftswert embed oder override sein.

Formaler Syntax

ltr | rtl

Beispiele

blockquote {
  direction: rtl;
}

Spezifikationen

Spezifikation Status Kommentar
CSS Writing Modes Module Level 3
Die Definition von 'direction' in dieser Spezifikation.		 Vorgeschlagene Empfehlung Keine Änderung.
CSS Level 2 (Revision 1)
Die Definition von 'direction' in dieser Spezifikation.		 Empfehlung Erste Definition.

Browser Kompatibilität

BCD tables only load in the browser

Siehe auch