Transformación de texto CSS

Tabla de contenido

Transformación de texto

La propiedad text-transform se utiliza para especificar letras mayúsculas y minúsculas en un texto.

Se puede utilizar para convertir todo en letras mayúsculas o minúsculas, o capitalizar la primera letra de cada palabra:

Ejemplo

p.uppercase {
  text-transform: uppercase;
}

p.lowercase {
  text-transform: lowercase;
}

p.capitalize {
  text-transform: capitalize;
}

Pruébelo usted mismo →

<!DOCTYPE html>
<html>
<head>
<style>
p.uppercase {
  text-transform: uppercase;
}

p.lowercase {
  text-transform: lowercase;
}

p.capitalize {
  text-transform: capitalize;
}
</style>
</head>
<body>

<h1>Using the text-transform property</h1>

<p class="uppercase">This text is transformed to uppercase.</p>
<p class="lowercase">This text is transformed to lowercase.</p>
<p class="capitalize">This text is capitalized.</p>

</body>
</html>

La propiedad de transformación de texto CSS

text-transform: Controla el uso de mayúsculas en el texto.