Sites


CSS3

Changer la casse

Le changement de casse n'est pas l'action la plus fréquente en web. Il n'en reste moins que le passage de tout un texte en majuscule est régulièrement utilisé pour les intitulés de rubriques ou d'encadrés. Le fait de le définir en CSS aura plusieurs avantages :

  • corriger des oublis
  • s'assurer de la cohérence (comme d'habitude)
  • faciliter l'accentuation sur les majuscules
  • faciliter le passage des capitales au bas de casse. 

Le changement de casse, selon les besoins se fera à l'aide de font-variant ou de text-transform

Mettre en majuscule la première lettre

text-transform : capitalize

Passer tous le texte  en majuscule ou minuscule

 text-transform : uppercase, lowercase

Différencier les majuscules des autres lettres 

Le changement de casse se fait très rapidement en CSS avec l'utilisation de la propriété font-variant. Font-variant peut prendre les valeurs normal (sans majuscule), small-caps (petites majuscules) ou inherit comme de nombreuses autres propriétés.

<aside>
  <h1>Actualité</h1>
  <p>Première actu du jour</p>
</aside> 

Pour mettre en forme actualité en petites capitales, nous utiliserons la propriété suivante :

h1 { font-variant : small-caps }

On pourrait enrichir avec des mises en formes plus complexes pour obtenir un résultat plus attrayant.

Il y a une erreur de communication avec le serveur Booktype. Nous ne savons pas actuellement où est le problème.

Vous devriez rafraîchir la page.