| Unité | Signification | |
|---|---|---|
|
Absolue
|
px | Pixels |
| pt, pc | Point (1/72 pouce), Pica (1/6 pouce) | |
| in, cm, mm | Pouces (2,54 cm), centimètres, millimètres | |
|
Relative
|
em, rem | Dépend du font-size. L'unité em est relative à la taille de la police de l'élément auquel elle est appliquée, et l'unité rem est relative à la taille de la police de l'element html de la page.
Par exemple, si on applique
font-size:20px;, alors border-width:1em; sera équivalent à border-width:20px; pour cet élément. |
| ex, ch | Dépend de la police appliquée. L'unité ex est relative à la hauteur du "x", et l'unité ch est relative à la largeur du "o".
Par exemple, un élément ayant
border-width:1ex; aura une bordure plus large si on lui applique
font-family:caprasimo; que si on lui applique
font-family:neuton;.
Comme l'utilisation de fontes personnalisées n'est pas encore très répandue, cette unité de mesure n'est pas beaucoup utilisée.
|
|
| % | En pourcentage. La valeur de cette unité dépend de la propriété dans laquelle elle est utilisée, mais elle veut habituellement dire le pourcentage de la largeur ou la hauteur du conteneur de l'élément.
Par exemple, un élément ayant
width:100%; placé ici occupera la largeur totale de cette cellule de tableau. |
|
| vw, vh | Dépend de la taille de la fenêtre. L'unité vw représente 1/100 de la largeur de la page visible, et l'unité vh représente 1/100 de sa hauteur.
Par exemple, un élément ayant les propriétés
"width:100vw; height:100vh;" occupera (potentiellement) la totalité de l'écran. |