Propriété CSS unicode-bidi

La propriété unicode-bidi spécifie le comportement du texte bidirectionnel dans un document.

La propriété unicode-bidi permet aux auteurs de remplacer l'algorithme Unicode et de contrôler l'incorporation du texte. Elle est principalement utilisée par les développeurs web pour gérer le rendu du texte à direction mixte.

INFO

Cette propriété ne fonctionne qu'avec la direction propriété.

Valeur initiale	normal
S'applique à	Tous les éléments, bien que certaines valeurs n'aient aucun effet sur les éléments non en ligne.
Héritée	Oui.
Animable	Non.
Version	CSS2
Syntaxe DOM	object.style.unicodeBidi = "isolate";

Syntaxe

Valeurs CSS unicode-bidi

css

unicode-bidi: normal | embed | bidi-override | isolate | isolate-override | plaintext | initial | inherit;

Exemple de la propriété unicode-bidi :

Exemple de code CSS unicode-bidi

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      div.text {
        direction: rtl;
        unicode-bidi: embed;
      }
    </style>
  </head>
  <body>
    <h2>Unicode-bidi property example</h2>
    <div>Normal writing direction. مرحبا بالعالم</div>
    <div class="text">Using "embed" value. مرحبا بالعالم</div>
  </body>
</html>

Try it Yourself »

Exemple de la propriété unicode-bidi avec la valeur « bidi-override » :

Exemple CSS unicode-bidi bidi-override

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      div.text {
        direction: rtl;
        unicode-bidi: bidi-override;
      }
    </style>
  </head>
  <body>
    <h2>Unicode-bidi property example</h2>
    <div>Normal writing direction. مرحبا بالعالم</div>
    <div class="text">Using "bidi-override" value. مرحبا بالعالم</div>
  </body>
</html>

Try it Yourself »

Valeurs

Valeur	Description
normal	Ne suggère pas de niveau d'incorporation supplémentaire.
embed	Ouvre un niveau d'incorporation supplémentaire si l'élément est en ligne.
bidi-override	Crée un remplacement pour un élément en ligne. Pour les éléments conteneurs de bloc, cette valeur crée un remplacement pour les descendants de niveau en ligne.
isolate	L'élément est isolé de ses frères. Cette valeur spécifie que la directionnalité du conteneur de l'élément doit être calculée sans tenir compte du contenu de cet élément.
isolate-override	Applique le comportement d'isolation au contenu environnant et le comportement de remplacement au contenu interne.
plaintext	Cette valeur se comporte comme la valeur `isolate`, mais la directionnalité est calculée en utilisant les règles P2 et P3 de l'algorithme bidirectionnel Unicode.
initial	Définit la propriété sur sa valeur par défaut.
inherit	Hérite la propriété de son élément parent.

Pratique

La propriété unicode-bidi

spécifie le comportement du texte bidirectionnel dans un document.permet de remplacer l'algorithme Unicode.permet de contrôler l'incorporation du texte.n'est pas une propriété animable.

Propriété CSS unicode-bidi ​

Syntaxe ​

Exemple de la propriété unicode-bidi : ​

Exemple de la propriété unicode-bidi avec la valeur « bidi-override » : ​