La unicode-bidipropriété est l'une des deux propriétés CSS qui gèrent le rendu du texte bidirectionnel en HTML et dans des langages basés sur le balisage similaires (par exemple XML). L'autre propriété est direction, et les deux sont utilisés ensemble pour créer des niveaux de texte incorporé avec différentes directions de texte (de droite à gauche et de gauche à droite) dans un seul élément DOM.
.bilingual-excerpt ( direction: rtl; unicode-bidi: embed; )Le navigateur détermine généralement la direction dans laquelle le texte en ligne circulera, en fonction de l' langattribut des éléments, des paramètres régionaux du navigateur et font-familyd'éléments spécifiques. unicode-bidiest pratique lorsqu'un élément contient à la fois du texte LTR et du texte RTL:
L'agent utilisateur applique un algorithme complexe défini par la norme Unicode pour déterminer comment le texte doit apparaître. Cette propriété contrôle spécifiquement les niveaux d'incorporation et les remplacements pour l'algorithme bidirectionnel Unicode.
La unicode-bidipropriété a trois valeurs largement acceptées:
- le mot-clé «normal», qui n'offre aucun niveau supplémentaire de texte bidirectionnel intégré (comportement par défaut du navigateur). Un élément avec cette propriété ne contiendra que du texte LTR ou RTL.
- le mot-clé «embed», qui autorise le texte bidirectionnel dans un élément (par exemple, du texte RTL circulant au milieu du texte LTR). Ceci est déterminé par la
directionpropriété et doit être appliqué à un élément en ligne. - le mot clé «bidi-override», qui agit de la même manière que «embed» lorsqu'il est appliqué aux éléments en ligne. Sur les éléments de niveau bloc, il remplace l'algorithme de texte bidirectionnel du navigateur et fait circuler le texte dans tous les enfants en ligne strictement selon la
directionpropriété.
Points d'interêts
- La
unicode-bidipropriété est «destinée aux concepteurs de DTD. Les concepteurs Web et les auteurs similaires ne doivent pas le remplacer. » Décidez soigneusement si vous devez l'utiliser. - Bien qu'Internet Explorer supporte techniquement
unicode-bididepuis la version 5.5, il y a des «bugs sérieux relatifs aux éléments flottants» et l'utilisation est fiable dans IE 8+ (voir ci-dessous)
Prise en charge du navigateur
| Chrome | Safari | Firefox | Opéra | C'EST À DIRE | Android | iOS |
|---|---|---|---|---|---|---|
| Travaux | Travaux | Travaux | Travaux | 8.0+ | Travaux | Travaux |
Propriétés connexes
Almanach le 5 janv.2021direction
.element ( direction: rtl; ) 
Jwahir Sundai Almanac le 5 janv.2021
mode d'écriture
.element ( writing-mode: vertical-rl; ) 
Robin Rendle