HTML & CSS
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 lorsque vous spécifiez diverses mesures dans vos règles de style, par exemple border = “1px rouge solide”.
Nous avons répertorié toutes les unités de mesure CSS avec des exemples appropriés –
| Unité | 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 police : 16 pt ; hauteur de ligne : 125 % ;} |
| cm | Définit une mesure en centimètres. | div {marge inférieure : 2 cm ;} |
| em | Une mesure relative de la hauteur d’une police dans les espaces em. Étant donné qu’une unité em est équivalente à la taille d’une police donnée, si vous affectez une police à 12 pt, chaque unité « em » serait de 12 pt ; ainsi, 2em serait 24pt. | p {espacement des lettres : 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 police : 24 pt ; hauteur de ligne : 3ex ;} |
| dans | Définit une mesure en pouces. | p {espacement des mots : 0,15 po ;} |
| millimètre | 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 police : 20pc ;} |
| pt | Définit une mesure en points. Un point est défini comme 1/72e de pouce. | corps {font-size: 18pt;} |
| pixels | Définit une mesure en pixels d’écran. | p {remplissage : 25 px ;} |
#CSS #Unités #mesure