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 ⁨Juli 2015⁩.

Die unicode-bidi CSS Eigenschaft bestimmt zusammen mit der direction Eigenschaft, wie bidirektionaler Text in einem Dokument behandelt wird. Wenn z.B. ein Block von Inhalten sowohl von links nach rechts als auch von rechts nach links verlaufenden Text enthält, verwendet das Benutzeragent ein komplexes Unicode-Algorithmus, um zu entscheiden, wie der Text angezeigt wird. Die unicode-bidi Eigenschaft überschreibt diesen Algorithmus und ermöglicht es dem Entwickler, die Einbettung des Textes zu steuern.

Probieren Sie es aus

unicode-bidi: normal;

unicode-bidi: bidi-override;

unicode-bidi: plaintext;

unicode-bidi: isolate-override;

<section class="default-example" id="default-example">
  <p class="transition-all" id="example-element">
    בְּרֵאשִׁ֖ית בָּרָ֣א אֱלֹהִ֑ים אֵ֥ת הַשָּׁמַ֖יִם וְאֵ֥ת הָאָֽרֶץ.
  </p>
</section>

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

Warnung: Diese Eigenschaft ist für Designer von Document Type Definitionen (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 keine zusätzliche Einbettungsebene in Bezug auf den bidirektionalen Algorithmus. Bei Inline-Elementen funktioniert die implizite Umordnung elementübergreifend.
embed: Wenn das Element inline ist, öffnet dieser Wert eine zusätzliche Einbettungsebene in Bezug auf den bidirektionalen Algorithmus. Die Richtung dieser Einbettungsebene wird durch die direction Eigenschaft angegeben.
bidi-override: Für Inline-Elemente erstellt dies eine Überschreibung. Für Block-Container-Elemente erstellt dies eine Überschreibung für Inline-Level-Nachfolger, die sich nicht in einem anderen Block-Container-Element befinden. Dies bedeutet, dass innerhalb des Elements die Umordnung streng nach der direction Eigenschaft in der Reihenfolge erfolgt; der implizite Teil des bidirektionalen Algorithmus wird ignoriert.
isolate: Dieses Schlüsselwort zeigt an, dass die Richtung des Container-Elements berechnet werden soll, ohne den Inhalt dieses Elements zu berücksichtigen. Das Element wird daher von seinen Geschwistern isoliert. Bei Anwendung seines bidirektionalen Auflösungsalgorithmus behandelt das Container-Element es als eines oder mehrere U+FFFC Object Replacement Character, also wie ein Bild.
isolate-override: Dieses Schlüsselwort wendet das Isolationsverhalten des isolate Schlüsselworts auf den umgebenden Inhalt und das Überschreibungsverhalten des bidi-override Schlüsselworts auf den inneren Inhalt an.
plaintext: Dieses Schlüsselwort bewirkt, dass die Richtung des Elements berechnet wird, ohne den bidirektionalen Zustand des übergeordneten Elements oder den Wert der direction Eigenschaft zu berücksichtigen. Die Richtung wird unter Anwendung der P2- und P3-Regeln des Unicode-Bidirektionalen-Algorithmus berechnet. Dieser Wert ermöglicht die Anzeige von Daten, die bereits mit einem Tool formatiert wurden, das dem Unicode-Bidirektionalen-Algorithmus folgt.

Formale Definition

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

Siehe auch

direction
SVG unicode-bidi Attribut
Umgang mit verschiedenen Textausrichtungen

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden