Unità %
L'unità di misura relativa %
imposta la dimensione di un elemento figlio
relativamente alla dimensione del suo genitore. Ad esempio,
una larghezza di un rettangolo pari a 50% significa che
è due volte più piccolo del suo genitore.
Esempio
Impostiamo la larghezza di un elemento figlio rettangolare
a 20% e
l'altezza a 40%:
<div>
<p></p>
</div>
div {
border: 1px solid black;
width: 200px;
height: 100px;
}
p {
border: 1px solid red;
width: 20%;
height: 40%;
}
:
Vedi anche
-
unità
px,
che imposta la dimensione in pixel -
unità
fr,
che imposta la dimensione in fr -
unità
em,
che imposta la dimensione in em -
unità
rem,
che imposta la dimensione in rem -
unità
vw,
che imposta la dimensione in vw -
unità
vh,
che imposta la dimensione in vh -
unità
vmax,
che imposta la dimensione in vmax -
unità
vmin,
che imposta la dimensione in vmin