unicode-bidi CSS propriété

Définition de la CSS unicode-bidi.

La propriété CSS unicode-bidi permet de spécifier le sens des incorporations et contraintes pour l'algorithme bi-directionnel Unicode.

Exemple de syntaxe CSS unicode-bidi :
unicode-bidi : bidi-override;
unicode-bidi : inline;
unicode-bidi : embed;

La propriété de feuille de style unicode-bidi CSS peut pendre la valeur de :

  • normal : le sens du texte ne change pas. Valeur par défaut.
  • embed : pour les éléments de type inline. La propriété CSS donne le sens du niveau d'incorporation de l'élément. Le ré-ordonnancement s'effectue implicitement à l'intérieur de l'élément. Les boites inline deviennent entre guillemet un élément.
  • bidi-override : pour les éléments de type inline et les enfants directs de type inline d'un élément de type bloc. Le ré-ordonnancement à l'intérieur de l'élément s'effectue strictement dans l'ordre de la propriété direction, la partie implicite de l'algorithme étant ignorée.
  • inherit : hérite de la propriété CSS unicode-bidi de son parent (à éviter).

Conditions d'application de la CSS unicode-bidi.

La propriété unicode-bidi CSS est applicable sur l'ensemble des balises HTML ou XHTML.

La propriété unicode-bidi CSS s'utilise avec la propriété CSS

Héritage des valeurs Css de unicode-bidi.

La propriété CSS unicode-bidi n'hérite pas de son parent.

Problème d'interprétation de unicode-bidi en Css.

La propriété CSS unicode-bidi n'est pas évidente a comprendre, cela entraine des incompréhensions dans les résultats.

Compatibilités navigateurs de la propriété unicode-bidi

Exemples et astuces CSS pour utiliser unicode-bidi

Remplacer unicode-bidi et direction par un caractère

Vous pouvez remplacer la combinaison direction et unicode-bidi par des caractères directement inséré dans le texte.
‫, caractère de début d'application de règle.
‬, caractère de fin d'application de règle.

Combinaison Css remplacée :
.hebrew   { direction: rtl; unicode-bidi:embed}

Exemple avec caractères de remplacement :
<b class="rtl">&‫
  <span class="rtl">HEBREW2</span>
  <span class="rtl">français3</span>
  <span class="rtl">HEBREW4</span>&#8236;
</b> 

&#8234;, caractère de début d'application de règle..
&#8236;, caractère de fin d'application de règle.

Combinaison Css remplacée :
.francais {direction: ltr; unicode-bidi:embed}

Exemple avec caractères de remplacement :
<b class="rtl">&#8234;
  <span class="rtl">HEBREW2</span>
  <span class="rtl">français3</span>
  <span class="rtl">HEBREW4</span>&#8236;
</b> 

&#8238;, caractère de début d'application de règle.
&#8236;, caractère de fin d'application de règle.

Combinaison Css remplacée :
.hebrewbidi {direction: rtl; unicode-bidi: bidi-override}

Exemple avec caractères de remplacement :
<b class="rtl">&#8238;
  <span class="rtl">HEBREW2</span>
  <span class="rtl">français3</span>
  <span class="rtl">HEBREW4</span>&#8236;
</b>

&#8237;, caractère de début d'application de règle.
&#8236;, caractère de fin d'application de règle.

Combinaison Css remplacée :
.francaisbidi {direction: ltr; unicode-bidi: bidi-override}

Exemple avec caractères de remplacement :
<b class="rtl">&#8237;
  <span class="rtl">HEBREW2</span>
  <span class="rtl">français3</span>
  <span class="rtl">HEBREW4</span>&#8236;
</b>

Votre avis sur la définition unicode-bidi en CSS

Votez pour la définition CSS unicode-bidi

  • 1/5
  • 2/5
  • 3/5
  • 4/5
  • 5/5

Avis sur la page https://www.zonecss.fr/proprietes-css/unicode-bidi-css.html Votes: 5 / 5 - 1 vote
Cliquez sur une étoile pour voter.