« Le langage CSS/Texte » : différence entre les versions

Dans le premier cas la taille est relative à celle spécifiée pour un parent et dans le second cas la taille correspond à une valeur prédéfinie dans le navigateur. Exemple ces styles :

 

 

produisent ceci lorsqu'on imbrique le ''p'' dans le ''div'' :

Exemple :

 

 

Rend ces couleurs :

Par exemple ceci :

 

 

donne :

 

Exemple :

 

Donne ceci :

La propriété <code>font-variant</code> permet de basculer les caractères en petites capitales d'imprimerie. Il faut pour cela lui donner la valeur <code>small-caps</code>, la valeur <code>normal</code> permettant de revenir à des lettres minuscules. Par exemple ce code CSS :

 

 

appliqué au texte « Texte du paragraphe. Nouvelle phrase. » donne ceci :

* ''none'' annule un des effets précédents

 

 

 

{{Cadre}}

Dans cette liste, <code>font-size</code> et <code>font-family</code> '''doivent obligatoirement être mentionnées'''. Par ailleurs <code>font-size</code> et <code>line-height</code> doivent être accolés avec la barre oblique '/'. Il faut donc être rigoureux lorsqu'on utilise ce raccourci. Le W3C donne les exemples suivants :

 

 

Attention : toute propriété parmi les 6 listées plus haut qui n'est pas mentionnée lors de l'utilisation de <code>font</code> est '''remise à sa valeur initiale'''.