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
logotipo bisign
Resumen de privacidad

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.

Para más información, por favor echa un vistazo a nuestra política de privacidad