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

Die unicode-bidi- und direction-Eigenschaften sind die einzigen Eigenschaften, die nicht von der all-Kurzschrift betroffen sind.

Warnung: Diese Eigenschaft ist für Dokumenttyp-Definitionsdesigner (DTD) gedacht. Webdesigner und ähnliche Autoren sollten sie nicht überschreiben.

Syntax

css
/* 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 des bidi-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 Wertnormal
Anwendbar aufAlle Elemente, einige Werte haben keine Wirkung bei non-inline Elementen
VererbtNein
Berechneter Wertwie angegeben
AnimationstypNot animatable

Formale Syntax

unicode-bidi = 
normal |
embed |
isolate |
bidi-override |
isolate-override |
plaintext

Beispiele

CSS

css
.bible-quote {
  direction: rtl;
  unicode-bidi: embed;
}

HTML

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

Siehe auch