unicode-bidi
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Die unicode-bidi
-CSS-Eigenschaft bestimmt zusammen mit der direction
-Eigenschaft, wie bidirektionaler Text in einem Dokument behandelt wird. Wenn z.B. ein Inhaltsblock sowohl von links nach rechts als auch von rechts nach links verlaufenden Text enthält, verwendet der User-Agent einen komplexen Unicode-Algorithmus, um zu entscheiden, wie der Text angezeigt wird. Die unicode-bidi
-Eigenschaft überschreibt diesen Algorithmus und ermöglicht es dem Entwickler, das Text-Embedding zu steuern.
Probieren Sie es aus
Syntax
/* Keyword values */
unicode-bidi: normal;
unicode-bidi: embed;
unicode-bidi: isolate;
unicode-bidi: bidi-override;
unicode-bidi: isolate-override;
unicode-bidi: plaintext;
/* Global values */
unicode-bidi: inherit;
unicode-bidi: initial;
unicode-bidi: revert;
unicode-bidi: revert-layer;
unicode-bidi: unset;
Werte
normal
-
Das Element bietet kein zusätzliches Embedding-Level in Bezug auf den bidirektionalen Algorithmus. Bei Inline-Elementen funktioniert die implizite Neuordnung über Elementgrenzen hinweg.
embed
-
Wenn das Element inline ist, öffnet dieser Wert ein zusätzliches Embedding-Level in Bezug auf den bidirektionalen Algorithmus. Die Richtung dieses Embedding-Levels wird durch die
direction
-Eigenschaft bestimmt. bidi-override
-
Für Inline-Elemente wird hierdurch ein Override erstellt. Für Block-Container-Elemente wird dadurch ein Override für Inline-Level-Nachfahren erstellt, die sich nicht innerhalb eines anderen Block-Container-Elements befinden. Dies bedeutet, dass innerhalb des Elements die Neuordnung streng in der Reihenfolge gemäß der
direction
-Eigenschaft erfolgt; der implizite Teil des bidirektionalen Algorithmus wird ignoriert. isolate
-
Dieses Schlüsselwort gibt an, dass die Richtung des Container-Elements berechnet werden soll, ohne den Inhalt dieses Elements zu berücksichtigen. Das Element ist daher von seinen Geschwistern isoliert. Bei Anwendung seines bidirektionalen Auflösungsalgorithmus behandelt das Container-Element es wie ein oder mehrere
U+FFFC Object Replacement Character
, d.h. wie ein Bild. isolate-override
-
Dieses Schlüsselwort wendet das Isolationsverhalten des
isolate
-Schlüsselworts auf den umgebenden Inhalt und das Override-Verhalten desbidi-override
-Schlüsselworts auf den inneren Inhalt an. plaintext
-
Dieses Schlüsselwort lässt die Richtung des Elements berechnen, ohne den bidirektionalen Status des Elternteils oder den Wert der
direction
-Eigenschaft zu berücksichtigen. Die Richtung wird unter Verwendung der P2- und P3-Regeln des Unicode-Bidirektionalen-Algorithmus berechnet. Dieser Wert ermöglicht die Anzeige von Daten, die bereits mit einem Tool formatiert sind, das dem Unicode-Bidirektionalen-Algorithmus folgt.
Formale Definition
Initialer Wert | normal |
---|---|
Anwendbar auf | Alle Elemente, einige Werte haben keine Wirkung bei non-inline Elementen |
Vererbt | Nein |
Berechneter Wert | wie angegeben |
Animationstyp | Not animatable |
Formale Syntax
Beispiele
CSS
.bible-quote {
direction: rtl;
unicode-bidi: embed;
}
HTML
<div class="bible-quote">A line of text</div>
<div>Another line of text</div>
Ergebnis
Spezifikationen
Specification |
---|
CSS Writing Modes Level 4 # unicode-bidi |
Browser-Kompatibilität
BCD tables only load in the browser