CSS Unicode-Bidi - Laufrichtung von Text
Durch unicode-bidi lässt sich ein Bereich mit umgekehrter Laufrichtung von Texten definieren.
Die CSS-Eigenschaft unicode-bidi steuert die Laufrichtung des Textes und wird zusammen mit direction benutzt, wenn innerhalb einer Webseite die Schreibrichtung von links nach rechts und auch von rechts nach links vorhanden ist. Z.B. englischer und arabischer Text. Unicode-bidi wird nicht vererbt.
Syntax für Unicode-bidi
Wechselnden Schreibrichtungen in Dokumenten nennt man Bidirektionalität, kurz bidi.
Wenn direction auf einen Inlinetext angewandt wird, muss unicode-bidi entweder auf bidi-override oder auf embed gesetzt werden.
Syntax und Werte: normal | embed | bidi-override | inherit|
normal– Defaulteinstellung. Das Element öffnet keinen neuen Bereich.embed– Innerhalb von Elementen eröffnet dieser Wert einen neuen Bereich mit geänderter Schreibrichtung. Diese Richtung wird durch die Eigenschaftdirectionbestimmt.bidi-override– überschreibt die Textrichtung in einem Inline- oder Blockelement, das nur Inlineelemente enthält. Schreibrichtung erfolgt nach dem Wert der Eigenschaft direction.inherit- benutzt den Wert des Parent (Eltern) -Element
direction: ltr -rtl
ltr- links - rechts (Defaulteinstellung)rtl- rechts - linksinherit- benutzt den Wert des Parent (Eltern) -Element
Beispiel für unicode bidi
Die css-class span.bidi dreht die emailadresse für den browser um.
Beispiel: Aus moc.eman@hci wird moc.eman@hci
<span class="bidi">moc.eman@hci</span>
CSS fuer die text-direction
span.bidi {
direction: rtl;
unicode-bidi: bidi-override;
}