Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

direction

Dieser Artikel benötigt eine redaktionelle Überprüfung. So können Sie helfen.

Diese Übersetzung ist unvollständig. Bitte helfen Sie, diesen Artikel aus dem Englischen zu übersetzen.

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
Medienvisuell
Berechneter Wertwie angegeben
AnimierbarNein
Kanonische Reihenfolgedie eindeutige Reihenfolge definiert durch die formale Grammatik

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.
Anwärter Empfehlung Keine Änderung.
CSS Level 2 (Revision 1)
Die Definition von 'direction' in dieser Spezifikation.
Empfehlung Erste Definition.

Browser Kompatibilität

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 2.0 1.0 (1.7 oder früher) 5.5 9.2 1.3
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support 1.0 1.0 (1.0) 6 8 3.1

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Schlagwörter: 
 Mitwirkende an dieser Seite: Dev201
 Zuletzt aktualisiert von: Dev201,