Propriedade direction


A propriedade direction é utilizada para definir a direção do texto em um elemento HTML. Ela afeta a ordem em que os caracteres de texto são apresentados e a direção da progressão do texto.

Valores da propriedade direction

  • ltr (left-to-right): Especifica que o texto é lido da esquerda para a direita, que é a direção padrão para idiomas como inglês.
  • rtl (right-to-left): Indica que o texto é lido da direita para a esquerda, sendo comumente utilizado em idiomas como árabe ou hebraico.

Exemplos

Texto da Esquerda para a Direita

.paragrafo-ingles {
  direction: ltr; /* Texto em inglês lido da esquerda para a direita (padrão) */
}
 
.titulo-destacado {
  direction: ltr; /* Pode ser omitido, pois é a direção padrão */
}

Texto da Direita para a Esquerda

.paragrafo-arabe {
  direction: rtl; /* Texto em árabe lido da direita para a esquerda */
}
 
.subtitulo-direcao {
  direction: rtl; /* Aplicado para fins de estilização específicos */
}

Referências