CSS transformação de Texto
A text-transform
é a propriedade usado para especificar letras maiúsculas e minúsculas em um texto.
Na prática:
<!DOCTYPE html>
<html>
<head>
<style>
p.uppercase {
text-transform:
uppercase;
}
p.lowercase {
text-transform:
lowercase;
}
p.capitalize {
text-transform:
capitalize;
}
</style>
</head>
<body>
<h1>Usando a propriedade text-transform</h1>
<p class="uppercase">ESTE TEXTO É
TRANSFORMADO EM MAIÚSCULAS. </p>
<p class="lowercase">este texto é
transformado em minúsculas. </p>
<p class="capitalize">Este Texto Está Em
Letras Maiúsculas. </p>
</body>
</html>