Atributo writing-mode de CSS

Definición y uso

writing-mode La propiedad define si las líneas de texto se alinean horizontalmente o verticalmente.

Vea también:

Tutorial de CSS:Efectos de texto de CSS

Ejemplo

Define si las líneas de texto se alinean horizontalmente o verticalmente:

p.test1 {
  writing-mode: horizontal-tb; 
}
p.test2 {
  writing-mode: vertical-rl; 
}
span.test2 {
  writing-mode: vertical-rl; 
}

Pruebe usted mismo

Sintaxis de CSS

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

Valor de la propiedad

Valor Descripción
horizontal-tb Hace que el contenido fluya horizontalmente de izquierda a derecha y verticalmente de arriba hacia abajo.
vertical-rl Hace que el contenido fluya verticalmente de arriba hacia abajo y horizontalmente de derecha a izquierda.
vertical-lr Hace que el contenido fluya verticalmente de arriba hacia abajo y horizontalmente de izquierda a derecha.

Detalles técnicos

Valor predeterminado: horizontal-tb
Herencia: Es
Producción de animación: No se admite. Consulte:Atributos relacionados con la animación.
Versión: CSS3
Sintaxis de JavaScript: object.style.writingMode="vertical-rl"

Soporte del navegador

Los números en la tabla indican la versión del navegador que completamente admite esta propiedad.

Chrome IE / Edge Firefox Safari Opera
48.0 12.0 41.0 11.0 35.0