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 de surcharger l'algorithme Unicode et de contrôler l'intégration du texte.

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

Les propriétés unicode-bidi et direction sont les seules propriétés que ne sont pas affectées par la propriété all.

Valeur initiale normal
Appliquée à Tous les éléments, bien que certaines valeurs n'aient pas d'effet sur les éléments qui ne sont pas en ligne.
Héritée Oui.
Animable Non.
Version CSS2
Syntaxe DOM object.style.unicodeBidi = "isolate";

Syntaxe

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

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
    <style>
      div.text {
      direction: rtl;
      unicode-bidi: embed;
      }
    </style>
  </head>
  <body>
    <h2>Exemple de la propriété unicode-bidi</h2>
    <div>Direction d'écriture normale.</div>
    <div class="text">Utilisation de la valeur "embed".</div>
  </body>
</html>

Ici la valeur "bidi-override" surcharge le texte:

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
    <style>
      div.text {
      direction: rtl;
      unicode-bidi: bidi-override;
      }
    </style>
  </head>
  <body>
    <h2>Exemple de la propriété unicode-bidi</h2>
    <div>Direction d'écriture normale.</div>
    <div class="text">Utilisation de la valeur "bidi-override".</div>
  </body>
</html>

Valeurs

Valeur Description
normal Ne recommande aucun niveau supplémentaire de l'intégration.
embed Ouvre un niveau supplémentaire de l'intégration si l'élément est en ligne.
bidi-override Cela surcharge la directionnalité pour un élément en ligne. Pour les éléments du conteneur bloc, cette valeur crée une surcharge pour les descendants de niveau en ligne.
isolate L'élément est isolé de ses voisins. Cette valeur spécifie que la directionnalité du conteneur de l'élément doit être calculée dans prendre en compte le contenu de cette élément.
isolate-override Applique le comportement de l'isolation au contenu environnant et le comportement de la surcharge au contenu intérieur. to the inner content.
plaintext Cette valeur se comporte comme une valeur "isolate" mais la directionnalité est calculée en utilisant les règles P2 et P3 de l'algorithme de bidirectionnalité Unicode.
initial Fait utiliser la valeur initiale.
inherit Hérite la propriété de son élément parent.

Support de Navigateurs

chrome edge firefox safari opera
2.0+ 12.0+ 1.0+ 1.3+ 9.2+

Pratiquez vos connaissances

Qu'est-ce que la propriété 'unicode-bidi' en CSS fait?
Trouvez-vous cela utile?