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 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

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

direction