Unités

Le langage CSS met à disposition de nombreuses unités pour définir une taille.

Remarque : Lorsqu’une longueur est définie en CSS, il ne doit pas y avoir d’espace blanc entre le chiffre et l’unité de longueur.

Exemple :

p {
    width: 500px; /* Manière correcte de définir la largeur des paragraphes */
    height: 300 px; /* Manière incorrecte de définir la hauteur des paragraphes, car il y a espace entre le 300 et le px */
}

Pour certaines propriétés CSS, telles que padding, des longueurs négatives sont autorisées.

Il existe, en CSS, deux types d’unités de longueur : les unités absolues et les unités relatives.

Les unités de longueur absolues

Les unités de longueur absolues sont fixes et lorsqu’une taille est définie avec une de ces unités, l’élément apparaît avec la taille exacte définie.

Remarque : Les unités de longueur absolues ne sont pas recommandées pour l’affichage sur écrans, car la taille de ces derniers varient d’un appareil à l’autre. En revanche, ces unités de longueur peuvent être utilisées pour des mises en pages d’impression, par exemple.

Voici la liste des unités de longueur absolues disponibles en CSS :

• mm : millimètres
• cm : centimètres
• in : inches (1 in = 2.54 cm)
• px : pixels
• pt : points
• pc : picas (1 pc = 12 pt)

Les unités de longueur relatives