Unité CSS
CSS comporte plusieurs unités différentes utilisées pour représenter la longueur.
Certaines propriétés sont définies CSS longueur largeur, margin, padding, font-size, border-width, et ainsi de suite.
Longueur et une unités numériques tels que 10px, 2em, et ainsi de suite.
Vous ne pouvez pas avoir des espaces entre les nombres et les unités. Si la longueur est égal à 0, l'unité peut être omise.
Pour certaines propriétés CSS, la longueur peut être négatif.
Il existe deux types d'unités de longueur: relative et absolue.
support du navigateur
Le tableau suivant indique les versions minimales de navigateur qui prennent en charge les unités de longueur.
Unité de longueur | |||||
---|---|---|---|---|---|
em, ex,%, px, cm, mm, in, pt, pc | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
ch | 27,0 | 9.0 | 1.0 | 7.0 | 20,0 |
rem | 4.0 | 9.0 | 3.6 | 4.1 | 11.6 |
vh, vw | 20,0 | 9.0 | 19,0 | 6.0 | 20,0 |
vmin | 20,0 | 9.0 * | 19,0 | 6.0 | 20,0 |
vmax | 26,0 | Ne supporte pas | 19,0 | Ne supporte pas | 20,0 |
Remarque: Internet Explorer 9 par le soutien vmin nom de vm non-standard.
longueur relative
unités de longueur relative spécifient une longueur par rapport à la longueur de la propriété d'un autre. En fonction du dispositif, les longueurs relatives plus approprié.
unité | description | exemples en ligne |
---|---|---|
em | Il est décrit en ce qui concerne l'application de la taille de la police de l'élément courant, il est également unités de longueur relative. Habituellement, le navigateur par défaut taille de la police est 16px, puis 2em == 32px; | essayer |
ex | Anglais picture dépend de la hauteur de la petite x | essayer |
ch | La largeur du nombre 0 | |
rem | élément Root (html) La taille de police | |
vw | la largeur de point de vue, la largeur de la fenêtre, 1vw = 1% de la largeur de la fenêtre, | essayer |
vh | hauteur de point de vue, la hauteur de la fenêtre, 1VH = hauteur de la fenêtre de 1% | essayer |
vmin | vw et vh plus petite. | essayer |
vmax | vw et vh plus grande. | essayer |
% |
Astuce: em remet quelle différence? Sauf que l'élément rem définir la taille de la police est encore relativement taille, mais tout simplement l'élément racine HTML opposé. |
longueur absolue
unité de longueur absolue est une valeur fixe, elle reflète une réelle taille physique. les unités de longueur absolues sont fortement dépendantes du support de sortie, il ne dépend pas de l'environnement (moniteur, la résolution du système d'exploitation, etc.).
unité | description | exemples en ligne |
---|---|---|
cm | cm | essayer |
mm | millimètre | essayer |
dans | Inch (1in = 96px = 2,54) | essayer |
px * | Pixel (1px = 1 / 96ème de 1po) | essayer |
pt | Point, à environ 1/72 de pouce; (1pt = 1 / 72po) | essayer |
ordinateur personnel | pica, environ 6pt, 1/6 Yingcun; (1pc = 12 pt) | essayer |
Peut-être le pixel est considéré comme le meilleur "pixels de l'appareil» et cette longueur de pixel et vous voyez le texte sur les pixels de l'écran d'affichage non pertinentes. Px est en fait une mesure d'une unité d'angle.