CSS - transformación de texto

Descripción

La propiedad de transformación de texto cambia el uso de mayúsculas del texto dentro de un elemento, o bien indica al agente de usuario que deje el uso de mayúsculas "como está".

Valores posibles

capitalize - La primera letra de cada palabra en el texto del elemento debe estar en mayúscula.
uppercase - Todos los caracteres del texto del elemento deben estar en mayúsculas (letras mayúsculas).
lowercase - Todos los caracteres del texto del elemento deben estar en minúsculas.
none - No se deben alterar las mayúsculas del texto del elemento.

Se aplica a

Todos los elementos HTML.

Sintaxis DOM

object.style.textTransform = "uppercase";

Ejemplo

A continuación se muestra el ejemplo que demuestra cómo configurar los casos para un texto usando la propiedad 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>

Esto producirá el siguiente resultado:

↰ Previous page