writing-mode CSS propriété

Définition de la CSS writing-mode.

La propriété CSS writing-mode permet la gestion des modes d'écritures internationaux en spécifiant le sens de l'affichage horizontal ou vertical du texte.

Exemple de syntaxe CSS writing-mode :

writing-mode : horizontal-tb;
writing-mode : vertical-rl;
writing-mode : vertical-lr;

La propriété de feuille de style writing-mode CSS peut pendre la valeur de :

horizontal-tb : le texte est affiché horizontalement et les éléments se suivent de haut en bas. Valeur par défaut.
vertical-rl : le texte est affiché verticalement et les éléments se suivent de droite à gauche.
vertical-lr : le texte est affiché verticalement et les éléments se suivent de gauche à droite.

Exemple de code writing-mode CSS

Conditions d'application de la CSS writing-mode.

La propriété CSS writing-mode CSS s'utilise avec la propriété CSS unicode-bidi et la propriété direction CSS.
La propriété writing-mode CSS est applicable sur l'ensemble des éléments excepté les balise de type ruby et les types table-row-group, table-column-group, table-row, table-column.

Problème d'interprétation de writing-mode en Css.

La propriété CSS writing-mode n'est reconnue que par Internet Explorer > 5.5.
Les valeurs sideways-rl et sideways-lr ne font plus parties des spécifications CSS W3C et ne semblent pas interprétées.

Compatibilités navigateurs de la propriété writing-mode

Détails des versions de la CSS writing-mode: Propriété writing-mode css n'est pas compatible W3C; Propriété writing-mode est compatible avec CSS3 et plus.

Résumé du support navigateurs de la CSS writing-mode: Propriété CSS writing-mode est incompatible pour Chrome; Propriété CSS writing-mode est compatible à partir de Firefox 41; Propriété CSS writing-mode est compatible à partir de Internet Explorer ou Edge 12; Propriété CSS writing-mode est incompatible pour Opera; Propriété CSS writing-mode est incompatible pour Safari

Propriétés CSS préfixées de writing-mode

Vous trouverez ci-dessous les propriétés CSS préfixées équivalentes à la propriété writing-mode CSS :

Voici le code à mettre pour avoir un maximum de compatibilités avec les navigateurs :

Code CSS :

-webkit-writing-mode : vertical-rl;
-ms-writing-mode : tb-rl ; /* ancien IE */
-ms-writing-mode : vertical-rl;
writing-mode : vertical-rl;

Exemples et astuces CSS pour utiliser writing-mode

writing-mode et Internet Explorer

Pour les versions d'Internet Explorer, la propriété writing-mode CSS existait avant les spécifications CSS. Cependant Internet Explorer a sa propre implémentation des valeurs. Ces valeurs sont identique à celles de la propriété -ms-writing-mode.
Pour Internet Explorer 6 et 7, seules les valeurs suivantes sont interprétées : lr-tb, rl-tb, tb-rl et bt-rl.

Votre avis sur la définition writing-mode en CSS

Votez pour la définition CSS `writing-mode`

Votes: 4.2 / 5 - 15 votes
Cliquez sur une étoile pour voter.