Sommaire

La mise en forme du Texte:mise en formetexte

1. Le module CSS

Toute la mise en forme du texte que nous allons voir dans ce titre fait partie du module Text Module Level 3, qui est encore en Working Draft, au 29 avril 2020, au moment de l’écriture de ce livre : https://www.w3.org/TR/css-text-3/

2. Le Texte:changement de cassechangement de casse

La propriété Texte:text-transformtext-transform permet de changer la casse des caractères. Ce changement se fait quelle que soit la saisie initiale du texte. Cette propriété accepte plusieurs valeurs :

  • capitalize pour passer chaque première lettre de chaque mot en majuscule. 

  • uppercase pour transformer tous les caractères en majuscule.

  • lowercase pour passer tous les caractères en minuscule.

  • none pour supprimer tout changement de casse déjà appliqué.

Voici un exemple simple :

<!doctype html> 
<html lang="fr"> 
<head> 
   <meta charset="UTF-8"> 
   <title>Titre de la page</title> 
   <style> 
       .majuscules { 
           text-transform: uppercase ; 
       } 
       .majuscules-mots { 
           text-transform: capitalize ; 
       } 
   </style> 
</head> 
<body> 
   <p>Aenean lacinia ...