La propriété text-transform est utilisée pour spécifier les lettres majuscules et minuscules dans un texte.
Il peut être utilisé pour tout transformer en lettres majuscules ou minuscules, ou mettre en majuscule la première lettre de chaque mot :
p.uppercase {
text-transform: uppercase;
}
p.lowercase {
text-transform: lowercase;
}
p.capitalize {
text-transform: capitalize;
}Essayez-le vous-même →
<!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>
Contrôle la capitalisation du texte