English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS Referenzhandbuch

CSS @Regel(RULES)

Vollständiges Verzeichnis der CSS-Attribute

Verwendung und Beispiel der CSS-Direktionsattribut

Die Eigenschaft direction spezifiziert:

  • Basis-Schreibrichtung des Blocks (von rechts nach links oder von links nach rechts).

  • Eingebettete und überlagerte Richtungen der Unicode-Bidirektionalitätsalgorithmen (siehe auchunicode-bidiEigenschaft)。

  • tableRichtung der Spaltenlayout.

  • overflowin der horizontalen Richtung.

  • wenntext-alignPosition des nicht vollständigen letzten Zeilenendes im Block, wenn der Wert der Eigenschaft auf "justify" gesetzt wird.

Die folgende Tabelle enthält die Anwendungsbeschreibung und Versionshistorie dieses Attributes sowie die Syntax seiner Verwendung in JavaScript-Skripten.

Standardwert:ltr
Anwendbar auf:Alle Elemente
Vererbung:Ja
Animierbar:Nein.Siehe auch Animationsattribute
Version:CSS 2、3
JavaScript-Syntax:object.style.direction="rtl"

Hinweis:Im Gegensatz zur Eigenschaft dir in HTML wird die Eigenschaft direction CSS für die Elemente der Tabelle nicht von den Zellen der Tabelle geerbt, da die CSS-Vererbung dem Dokumentbaum folgt, die Zeile ist der Elternteil der Zellen im Dokumentbaum, nicht die Spalte.

Verwendungssyntax der Richtung

Die Syntax dieses Attributes ist wie folgt:

direction: ltr | rtl | initial | inherit

Der folgende Beispiel zeigt, wie die Eigenschaft direction verwendet wird.

  p {
   direction: rtl;
   unicode-bidi: bidi-override;
  }
Testen Sie, um zu sehen‹/›

Hinweis:Um die Auswirkung der Eigenschaft direction auf die Neusortierung von Inline-Elementen zu beeinflussen,unicode-bidiDer Wert der Eigenschaft muss "embed" oder "override" sein.

Eigenschaftswert

Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.

WertBeschreibung
ltrSetzen Sie die Richtung von links nach rechts. Dies ist der Standardwert.
rtlSetzen Sie die Richtung von rechts nach links.
initialSetzen Sie diesen Wert auf den Standardwert.
inheritWenn angegeben, wird der zugehörige Element der Eigenschaftswert von direction des übergeordneten Elements verwendet.

Browserkompatibilität

Kompatibilität der direction-Eigenschaft der Browser, die in der folgenden Tabelle angegebenen Zahlen stellen die niedrigste Versionsnummer dar, die die Eigenschaft unterstützt; alle gängigen Browser unterstützen diese Eigenschaft.

  • Firefox 1+

  • Google Chrome2+

  • Internet Explorer 5.5Oben

  • Apple Safari 1+

  • Opera 9.2+

Weiters Lesen

Bitte beziehen Sie sich auf die folgenden Tutorials:CSS Text

Verwandte Eigenschaften: unicode-bidi