Propriété text-transform

La propriété text-transform définit la casse des caractères du texte : majuscules (lettres capitales), minuscules (lettres minuscules), peut mettre en majuscule la première lettre de chaque mot.

Syntaxe

sélecteur {
	text-transform: capitalize | lowercase | uppercase | none;
}

Valeurs

Valeur	Description
`capitalize`	Le premier caractère de chaque mot dans la phrase sera en majuscule.
`lowercase`	Tous les caractères du texte sont convertis en minuscules.
`uppercase`	Tous les caractères du texte sont convertis en MAJUSCULES.
`none`	Ne modifie pas la casse des caractères.

Valeur par défaut : none.

Exemple . Valeur capitalize

Maintenant, la première lettre de chaque mot va devenir une majuscule :

<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	text-transform: capitalize;
}

Exemple . Valeur uppercase

Maintenant, tous les caractères vont devenir des majuscules :

<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	text-transform: uppercase;
}

Exemple . Valeur lowercase

Maintenant, tous les caractères vont devenir minuscules (c'est-à-dire petites, non capitales) :

<p>
	LOREM IPSUM DOLOR SIT AMET.
</p>

p {
	text-transform: lowercase;
}