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

csssé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 :

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

cssp {
  text-transform: capitalize;
}

Результат:

Exemple . Valeur uppercase

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

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

cssp {
  text-transform: uppercase;
}

Результат:

Exemple . Valeur lowercase

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

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

cssp {
  text-transform: lowercase;
}

Результат: