Propriedade text-transform §

---

A propriedade text-transform no CSS é utilizada para controlar a capitalização do texto em um elemento HTML, oferecendo diferentes transformações para modificar a aparência do texto.

Valores da propriedade text-transform §

• none: Valor padrão, sem transformação aplicada.

• capitalize: Transforma o primeiro caractere de cada palavra para maiúscula.

• uppercase: Transforma todo o texto para letras maiúsculas.

• lowercase: Transforma todo o texto para letras minúsculas.

Exemplos §

Sem transformação (padrão) §

.paragrafo-normal {
  text-transform: none; /* Sem transformação, mantendo o texto no formato original */
}

Capitalize §

.titulo {
  text-transform: capitalize; /* Transforma o primeiro caractere de cada palavra para maiúscula */
}

Letras maiúsculas §

.destaque-maiusculo {
  text-transform: uppercase; /* Transforma todo o texto para letras maiúsculas */
}

Letras minúsculas §

.subtitulo {
  text-transform: lowercase; /* Transforma todo o texto para letras minúsculas */
}

Referências §

---

• Curso de JavaScript e TypeScript do básico ao avançado