Unités pour les valeurs en CSS

Unités en CSS

Les valeurs sont régulièrement utilisées en CSS. Les sont spécifiés tantôt en unités absolues, tantôt en unités relatives.

CSS fournit des valeurs pour la longueur, l'angle, la fréquence et, au sein de chaque CSS, prend en charge la conversion entre les différentes unités de mesure.

Une compréhension des différentes unités ou mesures prises en charge par CSS pour permettre aux développeurs et concepteurs Web de travailler dans leur espace de pensée confortable.

Vous trouverez ci-dessous une liste des unités prises en charge en CSS.

Unités absolues

Longueur

cm, mm, Q, po, pt, pc, px

Unit	Name	Equivalent to
cm	Centimeters	1cm = 37.8px = 1/2.54 of 1in
mm	Millimeters	1mm = 1/10 of 1cm
Q	Quarter-millimeters	1Q = 1/40 of 1cm
in	Inches	1in = 2.54cm = 96px
pc	Picas	1pc = 1/6 of 1in
pt	Points	1pt = 1/72 of 1in
px	Pixels	1px = 1/96 of 1in

Angles

deg, grad, rad, tourne

Unit	Name	Equivalent to
deg	Degree	360deg = 1 full circle
grad	Gradian	400grad = 1 full circle
rad	Radian	6.2832rad = 1 full circle (π approx = 3.1416)
turn	Turn	1 turn = 1 full cirle

Temps

s, madame

unit	name	equivalent to
s	second	1s = 1000ms
ms	millisecond	1ms = 1/1000 of 1s

Unités de fréquence

Hz, kHz

unit	name	equivalent to
Hz	Hertz	1Hz = 1/1000 of 1 kHz
kHz	Kilo Hertz	1KHz = 1000Hz

Unités de résolution

dpi, dpcm, dppx

Unités relatives

Comme son nom l'indique, ces valeurs fournies avec ces unités sont relatives à une autre valeur. Cela pourrait être lié à un élément parent ou à la fenêtre.

Lié à la police

em, ex, ch, rem

Lié à la fenêtre

%, vw, vh, vmin, vmax

Requête de conteneur liée

cqw, cqh, cqi, cqb, cqmin, cqmax

Remarque

Il est courant de définir une valeur absolue pour l'élément conteneur, puis d'utiliser des valeurs relatives pour tous les éléments descendants.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!