Die %-eenheid
Die relatiewe meeteenheid %
stel die grootte van 'n kindelement vas
relatief tot die grootte van sy ouer. Byvoorbeeld,
'n reghoek se breedte van 50% beteken dat dit
twee keer kleiner is as sy ouer.
Voorbeeld
Kom ons gee 'n reghoek
van die kindelement 'n breedte van 20% en
'n hoogte van 40%:
<div>
<p></p>
</div>
div {
border: 1px solid black;
width: 200px;
height: 100px;
}
p {
border: 1px solid red;
width: 20%;
height: 40%;
}
:
Sien ook
-
eenheid
px,
wat die grootte in pixels stel -
eenheid
fr,
wat die grootte in fr stel -
eenheid
em,
wat die grootte in em stel -
eenheid
rem,
wat die grootte in rem stel -
eenheid
vw,
wat die grootte in vw stel -
eenheid
vh,
wat die grootte in vh stel -
eenheid
vmax,
wat die grootte in vmax stel -
eenheid
vmin,
wat die grootte in vmin stel
