unicode-bidi CSS property
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
Die unicode-bidi CSS-Eigenschaft bestimmt zusammen mit der direction-Eigenschaft, wie bidirektionaler Text in einem Dokument gehandhabt wird. Wenn ein Inhaltsblock beispielsweise sowohl Text von links nach rechts als auch von rechts nach links 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, die Texteinbettung 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 den all Shorthand betroffen sind.
Warnung: Diese Eigenschaft ist für Entwickler gedacht, die Dokumenttypdefinitionen (DTD) erstellen. Webdesigner und ähnliche Autoren sollten sie nicht überschreiben.
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 in Bezug auf den bidirektionalen Algorithmus keine zusätzliche Einbettungsebene. Bei Inline-Elementen funktioniert die implizite Umordnung über Elementgrenzen hinweg.
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 wird damit eine Überschreibung erzeugt. Für Blockcontainer-Elemente wird eine Überschreibung für Inline-Ebenen-Nachfahren erzeugt, die sich nicht innerhalb eines anderen Blockcontainer-Elements befinden. Das bedeutet, dass die Umordnung innerhalb des Elements streng sequenziell gemäß der
direction-Eigenschaft erfolgt; der implizite Teil des bidirektionalen Algorithmus wird ignoriert. isolate-
Dieses Schlüsselwort gibt an, dass die Direktionalität des Element-Containers berechnet werden sollte, ohne den Inhalt dieses Elements zu berücksichtigen. Das Element ist daher von seinen Geschwistern isoliert. Bei der Anwendung seines Auflösungs-Algorithmus behandelt das Containerelement es wie ein oder mehrere
U+FFFC Object Replacement Character, das heißt wie ein Bild. isolate-override-
Dieses Schlüsselwort wendet das Isolationsverhalten des
isolate-Schlüsselworts auf den umgebenden Inhalt und das Überschreibungsverhalten desbidi-override-Schlüsselworts auf den inneren Inhalt an. plaintext-
Dieses Schlüsselwort berechnet die Direktionalität des Elements, ohne den bidirektionalen Status des übergeordneten Elements oder den Wert der
direction-Eigenschaft zu berücksichtigen. Die Direktionalität wird unter Verwendung der P2- und P3-Regeln des Unicode-Bidirektional-Algorithmus berechnet. Dieser Wert ermöglicht die Anzeige von Daten, die bereits mit einem Tool formatiert wurden, das dem Unicode-Bidirektional-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
.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
| Spezifikation |
|---|
| CSS Writing Modes Level 4 # unicode-bidi |