A propriedade writing-mode do CSS

Definição e uso

writing-mode A propriedade determina se as linhas de texto são alinhadas horizontalmente ou verticalmente.

Veja também:

Tutorial de CSS:Efeitos de texto do CSS

Exemplo

Determina se as linhas de texto são alinhadas horizontalmente ou verticalmente:

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

Experimente você mesmo

Sintaxe do CSS

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

Valor da propriedade

Valor Descrição
horizontal-tb Deixe o conteúdo fluir horizontalmente de esquerda para direita e verticalmente de cima para baixo.
vertical-rl Deixe o conteúdo fluir verticalmente de cima para baixo e horizontalmente de direita para esquerda.
vertical-lr Deixe o conteúdo fluir verticalmente de cima para baixo e horizontalmente de esquerda para direita.

Detalhes técnicos

Valor padrão: horizontal-tb
Herança: Sim
Produção de animação: Não suportado. Por favor, consulte:Propriedades relacionadas a animação.
Versão: CSS3
Sintaxe do JavaScript: object.style.writingMode="vertical-rl"

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

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