CSS - Unités de mesure

Avant de commencer l'exercice proprement dit, nous aimerions donner une brève idée des unités de mesure CSS. CSS prend en charge un certain nombre de mesures, y compris les unités absolues telles que les pouces, les centimètres, les points, etc., ainsi que les mesures relatives telles que les pourcentages et les unités em. Vous avez besoin de ces valeurs tout en spécifiant diverses mesures dans vos règles de style, par exempleborder = "1px solid red".

Nous avons répertorié toutes les unités de mesure CSS avec des exemples appropriés -

Unité La description Exemple
% Définit une mesure sous forme de pourcentage par rapport à une autre valeur, généralement un élément englobant. p {taille de la police: 16pt; hauteur de ligne: 125%;}
cm Définit une mesure en centimètres. div {margin-bottom: 2cm;}
em Une mesure relative de la hauteur d'une police dans les espaces em. Comme une unité em équivaut à la taille d'une police donnée, si vous attribuez une police à 12 pt, chaque unité «em» serait de 12 pt; ainsi, 2em serait 24pt. p {interligne: 7em;}
ex Cette valeur définit une mesure relative à la hauteur x d'une police. La hauteur x est déterminée par la hauteur de la lettre minuscule x de la police. p {taille de la police: 24pt; hauteur de ligne: 3ex;}
dans Définit une mesure en pouces. p {espacement des mots: .15in;}
mm Définit une mesure en millimètres. p {espacement des mots: 15 mm;}
pc Définit une mesure en picas. Un pica équivaut à 12 points; ainsi, il y a 6 picas par pouce. p {taille de la police: 20pc;}
pt Définit une mesure en points. Un point est défini comme 1 / 72ème de pouce. corps {taille de la police: 18pt;}
px Définit une mesure en pixels d'écran. p {remplissage: 25px;}