writing-mode

Índice

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.

PropertyChromeInternet Explorer / EdgeFirefoxSafariOpera
z-index 1.0 4.0 3.0 1.0 4.0

Bibliografía

Puede que también quieras echar un vistazo a estas otras propiedades de CSS

¿Necesitas ayuda para crear tu Web?

Cuéntanos de que trata y te asesoraremos sin compromiso