Stil mit {stil}

Dez 2007

CSS direction • Laufrichtung von Texten ändern

Der vorgegebene Textfluss geht von links nach rechts für Sprachen wie Deutsch, Englisch und Französisch. Sprachen wie Chinesisch und Hebräisch fließen von rechts nach links. CSS direction steuert die Richtung des Textflusses (von links nach rechts oder von rechts nach links) und kann auf Texte, Anführungszeichen, Zeichenketten und auf die Reihenfolge von Spalten in Tabellen oder die Ausrichtung des Textes mit text-align angewendet werden.

<div style="direction: rtl;">
    <p>Als es klingelte … .</p>
    <p>Doch dann sahn sie … .</p>
</div>

Den Unterschied zur Eigenschaft text-align: right erkennt man am besten an der Zeichensetzung: Achten Sie darauf, wo der Punkt am Ende des Satzes sitzt! Bei der Eigenschaft text-align: right würde der Punkt auf der rechten Seite des Textes sitzen. Bei Sprachen, die von rechts nach links geschrieben werden, sitzt der Punkt auf der linken Seite, wenn die Eigenschaften direction: rtl und unicode-bidi notiert werden.

direction

Alle modernen Browser CSS2 Erblich: Ja

direction

ltr | rtl | inherit

ltr

setzt den Text von links nach rechts und ist die Vorgabe.

rtl

setzt den Text von rechts nach links.

CSS unicode-bidi – Laufrichtung von Texten ändern

Die CSS-Eigenschaft unicode-bidi (bi-directional) steuert die Richtung des Textes und wird zusammen mit direction benutzt, wenn innerhalb einer Webseite der Text in verschiedene Richtungen laufen soll (z.B. englischer und hebräischer Text).

Wenn direction auf einen Inlinetext angewendet werden soll, muss unicode-bidi entweder auf bidi-override oder eingebettete Werte gesetzt werden.

unicode-bidi

Alle modernen Browser CSS2 Erblich: Nein

unicode-bidi

bidi-override | embed | normal | inherit

Wenn direction auf einen Inlinetext angewandt wird, muss unicode-bidi entweder auf bidi-override oder auf embed gesetzt werden.

bidi-override überschreibt die Textrichtung in einem Inline- oder Blockelement, das nur Inlineelemente enthält.

embed wird benutzt, um bis zu 15 Inlineelemente in den Textfluss einzusetzen.

normal ist die Voreinstellung und erlaubt die Nutzung des bidirektionalen Algorithmus, der die Textrichtung steuert.