Pseudo-classe :dir() CSS

Definição e uso

CSS :dir() O pseudo-classe é usado para correspondência de qualquer elemento com direção de texto especificada.

  • :dir(rtl) Corresponde aos elementos com direção de texto da direita para a esquerda
  • :dir(ltr) Corresponde aos elementos com direção de texto da esquerda para a direita

Dica:No HTML, a direção do texto é especificada através de dir Atributo especificado.

Exemplo

Uso do pseudo-classe :dir():

:dir(rtl) {
  background-color: lightgreen;
}

Experimente você mesmo

Sintaxe CSS

:dir(ltr|rtl) {
  declarações css;
}

Detalhes técnicos

Versão: CSS Selectors Level 4

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente este pseudo-classe.

Chrome Edge Firefox Safari Ópera
120 120 49 16.4 106