<relative-size>
Le type de donnée CSS <relative-size> décrit les mots‑clés de taille relative. Les mots‑clés <relative-size> définissent une taille relative à la taille calculée de l'élément parent. Ce type de donnée est utilisé dans les propriétés (raccourcie) font et (longue) font-size.
Syntaxe
<relative-size> = smaller | larger
Valeurs
Le type de donnée <relative-size> s'exprime avec un mot‑clé choisi parmi la liste ci‑dessous.
Description
Les mots‑clés <relative-size> sont relatifs à la taille courante de l'élément. Si la taille héritée est définie à l'aide d'un mot‑clé <absolute-size>, la valeur <relative-size> équivaut à la taille adjacente dans le tableau <absolute-size>. Sinon, l'augmentation ou la diminution relative de la taille est comprise entre 120 % et 150 %.
Exemples
Comparer les mots‑clés
html
<ul>
<li class="smaller">font-size: smaller;</li>
<li>font-size is not specified</li>
<li class="larger">font-size: larger;</li>
</ul>
css
li {
margin-bottom: 0.3em;
}
.smaller {
font-size: smaller;
}
.larger {
font-size: larger;
}
Résultat
Spécifications
| Specification |
|---|
| CSS Fonts Module Level 4 # valdef-font-size-relative-size |
Voir aussi
- Le type de données
<absolute-size> - Les propriétés
fontetfont-size - Le module des polices CSS