Prosenttiyksikkö %
Suhteellinen mittayksikkö %
asettaa lapsielementin koon
suhteessa sen vanhemman kokoon. Esimerkiksi,
suorakulmion leveys, joka on 50% tarkoittaa, että
se on kaksi kertaa pienempi kuin sen vanhempi.
Esimerkki
Asetetaan lapsielementin suorakulmiolle
leveys 20% ja
korkeus 40%:
<div>
<p></p>
</div>
div {
border: 1px solid black;
width: 200px;
height: 100px;
}
p {
border: 1px solid red;
width: 20%;
height: 40%;
}
:
Katso myös
-
yksikkö
px,
joka asettaa koon pikseleinä -
yksikkö
fr,
joka asettaa koon fr-yksiköissä -
yksikkö
em,
joka asettaa koon em-yksiköissä -
yksikkö
rem,
joka asettaa koon rem-yksiköissä -
yksikkö
vw,
joka asettaa koon vw-yksiköissä -
yksikkö
vh,
joka asettaa koon vh-yksiköissä -
yksikkö
vmax,
joka asettaa koon vmax-yksiköissä -
yksikkö
vmin,
joka asettaa koon vmin-yksiköissä
