Cours CSS mise en forme des textes

Cours CSS   –  Mise en forme des Textes –

Mettre des textes en majuscules et minuscules

Les propriétés CSS permettent de mettre automatiquement des textes en majuscules dans un texte. Pour cela, il y a 2 sortes de propriétés.
Premièrement, voyons la propriété font-variant. Elle peut prendre 2 valeurs différentes :
• small-caps qui donnera un texte en petites majuscules
• normal qui est la valeur par défaut et donnera un texte normal
Code CSS :
p.normale {
font-variant: normal;
}
p.petite {
font-variant: small-caps;
}
Code XHTML :

texte normale

texte en capitale

Il y a aussi une autre propriété CSS qui permet de forcer les majuscules: text-transform d’un texte. Elle peut prendre ces valeurs :
• none : ne met aucun effet sur le texte
• lowercase : met toutes les lettres de chaque mot en minuscules
• uppercase : met toutes les lettres de chaque mot en majuscules