Definición de .writing-mode utilizado en CSS
La propiedad .writing-mode
cambia la alineación del texto para que pueda leerse de arriba a abajo o de izquierda a derecha, dependiendo del idioma. Por ejemplo, supongamos que queremos agregar algún texto que se lea de arriba a abajo y de derecha a izquierda, así:
Caso de uso : propiedad CSS writing-mode
Esta propiedad de CSS se emplea de esta forma:
.vertical-rl { writing-mode: vertical-rl; }
Otro ejemplo más avanzado de .writing-mode es el siguiente de CODEPEN:
Sintaxis de .writing-mode en CSS
writing-mode: horizontal-tb|vertical-rl|vertical-lr;
Exploradores compatibles con .writing-mode
Los números de la tabla especifican la primera versión del navegador que es absolutamente compatible con la propiedad.
Los números seguidos de -webkit- especifican la primera versión que funcionó con un prefijo.
Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
z-index | 1.0 | 4.0 | 3.0 | 1.0 | 4.0 |