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
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?
Correcte!
Incorrecte!