Eenheid %
De relatieve meeteenheid %
stelt de afmeting van een kindelement in
ten opzichte van de afmeting van zijn ouder. Bijvoorbeeld,
een breedte van een rechthoek gelijk aan 50% betekent dat
hij twee keer kleiner is dan zijn ouder.
Voorbeeld
Laten we de rechthoek van het
kindelement een breedte van 20% en
een hoogte van 40% geven:
<div>
<p></p>
</div>
div {
border: 1px solid black;
width: 200px;
height: 100px;
}
p {
border: 1px solid red;
width: 20%;
height: 40%;
}
:
Zie ook
-
eenheid
px,
die de afmeting in pixels instelt -
eenheid
fr,
die de afmeting in fr instelt -
eenheid
em,
die de afmeting in em instelt -
eenheid
rem,
die de afmeting in rem instelt -
eenheid
vw,
die de afmeting in vw instelt -
eenheid
vh,
die de afmeting in vh instelt -
eenheid
vmax,
die de afmeting in vmax instelt -
eenheid
vmin,
die de afmeting in vmin instelt