« Le langage CSS/Valeurs et unités » : différence entre les versions
Contenu supprimé Contenu ajouté
Ligne 19 :
** à la dimension d'un élément parent ou une autre dimension du même élément
*** en pourcentage de la place disponible (%).
Les unités sont résumées dans ce tableau :
{| class="wikitable"
|+ Unités utilisables
! Unité !! Exemple !! Description
|-
| <code>mm</code> || <code>24mm</code> || Millimètres
|-
| <code>cm</code> || <code>29.7cm</code> || Centimètres
|-
| <code>in</code> || <code>5.1in</code> || Pouces (''Inch'' en anglais)
|-
| <code>pc</code> || <code>2.2pc</code> || Picas (12 points, 1/6 de pouce)
|-
| <code>pt</code> || <code>14pt</code> || Points (1/72ème de pouce)
|-
| <code>px</code> || <code>120px</code> || Pixels
|-
| <code>em</code> || <code>0.9em</code> || Facteur de la taille de la police de caractère
|-
| <code>ex</code> || <code>0.9ex</code> || Facteur de la taille de la lettre x minuscule
|-
| <code>%</code> || <code>40%</code> || Pourcentage de la place disponible / de la taille de la police de caractère
|}
Le choix de l'unité dépendra du média auquel s'applique la feuille de style. Ainsi:
* les unités absolues sont destinées aux feuilles de styles d'impression,
* le pixel, à l'inverse, est destiné aux feuilles de styles d'affichage.
Pour les styles d'affichage, les valeurs les plus couramment employées sont les pixels (px), les tailles de police (em) et les pourcents (%).
| |||