CSS unicode-bidi-Eigenschaft

Die Eigenschaft unicode-bidi legt das Verhalten von bidirektionalem Text in einem Dokument fest.

Die Eigenschaft unicode-bidi ermöglicht es Autoren, den Unicode-Algorithmus zu überschreiben und die Texteinbettung zu steuern. Sie wird hauptsächlich von Webentwicklern verwendet, um die Darstellung von Text mit gemischter Schreibrichtung zu verwalten.

INFO

Diese Eigenschaft funktioniert nur in Kombination mit der Eigenschaft direction.

Anfangswert	normal
Anwendbar auf	Alle Elemente, obwohl einige Werte keine Auswirkung auf nicht-inline-Elemente haben.
Vererbbar	Ja.
Animierbar	Nein.
Version	CSS2
DOM-Syntax	object.style.unicodeBidi = "isolate";

Syntax

CSS unicode-bidi-Werte

css

unicode-bidi: normal | embed | bidi-override | isolate | isolate-override | plaintext | initial | inherit;

Beispiel zur unicode-bidi-Eigenschaft:

CSS unicode-bidi-Codebeispiel

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      div.text {
        direction: rtl;
        unicode-bidi: embed;
      }
    </style>
  </head>
  <body>
    <h2>Unicode-bidi property example</h2>
    <div>Normal writing direction. مرحبا بالعالم</div>
    <div class="text">Using "embed" value. مرحبا بالعالم</div>
  </body>
</html>

Try it Yourself »

Beispiel zur unicode-bidi-Eigenschaft mit dem Wert „bidi-override“:

CSS unicode-bidi bidi-override-Beispiel

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      div.text {
        direction: rtl;
        unicode-bidi: bidi-override;
      }
    </style>
  </head>
  <body>
    <h2>Unicode-bidi property example</h2>
    <div>Normal writing direction. مرحبا بالعالم</div>
    <div class="text">Using "bidi-override" value. مرحبا بالعالم</div>
  </body>
</html>

Try it Yourself »

Werte

Wert	Beschreibung
normal	Schlägt keine zusätzliche Einbettungsebene vor.
embed	Öffnet eine zusätzliche Einbettungsebene, falls das Element inline ist.
bidi-override	Erstellt eine Überschreibung für ein Inline-Element. Für Block-Container-Elemente erstellt dieser Wert eine Überschreibung für inline-level Nachkommen.
isolate	Das Element wird von seinen Geschwisterelementen isoliert. Dieser Wert gibt an, dass die Richtung des Container-Elements berechnet werden soll, ohne den Inhalt dieses Elements zu berücksichtigen.
isolate-override	Wendet das Isolierungsverhalten auf den umgebenden Inhalt an und das Überschreibungsverhalten auf den inneren Inhalt.
plaintext	Dieser Wert verhält sich wie der Wert `isolate`, die Richtung wird jedoch unter Verwendung der P2- und P3-Regeln des Unicode-Bidirektionalen Algorithmus berechnet.
initial	Setzt die Eigenschaft auf ihren Standardwert zurück.
inherit	Erbt die Eigenschaft von ihrem übergeordneten Element.

Praxis

Die Eigenschaft unicode-bidi

legt das Verhalten von bidirektionalem Text in einem Dokument fest.ermöglicht das Überschreiben des Unicode-Algorithmus.ermöglicht die Steuerung der Texteinbettung.ist keine animierbare Eigenschaft.

CSS unicode-bidi-Eigenschaft ​

Syntax ​

Beispiel zur unicode-bidi-Eigenschaft: ​

Beispiel zur unicode-bidi-Eigenschaft mit dem Wert „bidi-override“: ​