CSS - transformação de texto

Descrição

A propriedade text-transform altera a capitalização do texto dentro de um elemento, ou então direciona o agente do usuário para deixar a capitalização "como está".

Valores possíveis

capitalize - A primeira letra de cada palavra do texto do elemento deve ser maiúscula.
uppercase - Todos os caracteres do texto do elemento devem ser maiúsculos (letras maiúsculas).
lowercase - Todos os caracteres no texto do elemento devem ser minúsculos.
none - A capitalização do texto do elemento não deve ser alterada.

Aplica-se a

Todos os elementos HTML.

Sintaxe DOM

object.style.textTransform = "uppercase";

Exemplo

A seguir está o exemplo que demonstra como definir os casos para um texto usando a propriedade text-transform.

<html>
   <head>
   </head>

   <body>
      <p style = "text-transform:capitalize;">
         This will be capitalized
      </p>
      
      <p style = "text-transform:uppercase;">
         This will be in uppercase
      </p>
      
      <p style = "text-transform:lowercase;">
         This will be in lowercase
      </p>
   </body>
</html>

Isso produzirá o seguinte resultado -

↰ Previous page