unicode-bidi |
Direction Unicode |
CSS2 |
|
Syntaxe
unicode-bidi: bidi-override|embed|inherit|intitial|normal;
|
Paramètres
Paramètre |
Description |
bidi-override |
Ce paramètre permet d'indiquer qu'il faut créer un niveau additionnel d'encapsulation et réordonne en fonction de la propriété de direction. |
embed |
Ce paramètre permet d'indiquer qu'il faut créer un niveau additionnel d'encapsulation. |
inherit |
Ce paramètre permet d'indiquer qu'il faut hérité de la valeur de son parent. |
initial |
Ce paramètre permet d'indiquer qu'il faut appliquer la valeur par défaut de cette propriété. |
normal |
Ce paramètre permet d'indiquer qu'il ne faut ajouter un niveau additionnel d'encapsulation. C'est la valeur par défaut. |
Description
Cette propriété permet d'indiquer si le texte doit remplacer le support de plusieurs langues dans le même document.
Remarques
- Fonction de la propriété : La propriété unicode-bidi en CSS permet de contrôler le comportement du texte bidirectionnel, en particulier lorsque du
texte en sens de lecture de droite à gauche (par exemple, en arabe ou en hébreu) est mélangé avec du texte en sens de lecture de gauche à droite (comme l'anglais ou le français).
Elle joue un rôle important dans la gestion de l'ordre de l'affichage du texte dans des contextes multilingues.
- Valeurs disponibles : unicode-bidi accepte plusieurs valeurs, dont normal (valeur par défaut), embed, et bidi-override. Par défaut, la valeur
est normal, ce qui signifie que la direction du texte est déterminée par l'environnement et les propriétés liées à la langue. La valeur embed permet de forcer le texte à
être interprété comme étant dans une seule direction, tandis que bidi-override inverse la direction du texte, indépendamment de son contenu.
- Interaction avec direction : La propriété unicode-bidi fonctionne en conjonction avec la propriété direction, déterminant la direction générale du
texte (de gauche à droite ou de droite à gauche). Tandis que direction définit la direction principale du texte, unicode-bidi gère comment les segments de texte dans des
directions différentes sont traités et affichés, en particulier lorsqu'il y a une interaction entre les caractères bidirectionnels.
- Cas d'utilisation pour le texte bidirectionnel : unicode-bidi est particulièrement utile dans les applications multilingues affichant des langues ayant
des écritures bidirectionnelles, telles que l'arabe, l'hébreu, le farsi, ou l'ourdou. Cette propriété permet d'éviter des erreurs d'affichage, comme des caractères inversés ou
mal alignés, lorsqu'ils sont mélangés avec du texte latin.
- Forcer l'inversion de la direction avec bidi-override : En définissant unicode-bidi: bidi-override;, on peut forcer l'ordre des caractères à être inversé,
quel que soit leur contenu. Cela peut être utile dans des cas spécifiques où un texte bidirectionnel doit être présenté de manière non conventionnelle, comme dans certains effets
de conception ou des présentations de données.
- Exemple pratique avec les balises HTML : Un exemple courant de l'utilisation de unicode-bidi est la gestion des listes contenant des éléments en
différentes langues. Par exemple, une liste de pays où certains sont en arabe et d'autres en anglais pourrait nécessiter un contrôle précis sur la manière dont les éléments sont
affichés et leur ordre dans le flux.
- Limites d'application : Bien que unicode-bidi soit très utile dans la gestion du texte bidirectionnel, elle n'a d'impact que sur l'affichage et
l'orientation des caractères dans un texte spécifique. Elle ne permet pas de modifier la direction du texte dans des éléments globalement configurés avec la propriété direction.
Par exemple, si direction: rtl est appliqué à un élément, unicode-bidi agira sur les segments de texte pouvant être affichés dans une autre direction.
- Support dans les navigateurs : La propriété unicode-bidi est bien supportée par la plupart des navigateurs modernes, mais son comportement peut varier légèrement selon
les versions de navigateur et la configuration du système. Dans des contextes très spécifiques de mise en page ou d'affichage de texte multilingue complexe, il peut être nécessaire
de tester la compatibilité à travers différents navigateurs pour s'assurer que les résultats sont cohérents.
Dernière mise à jour : Dimanche, le 20 décembre 2015