Unitatea %
Unitatea relativă de măsură %
stabilește dimensiunea unui element copil
relativ la dimensiunea părintelui său. De exemplu,
o lățime a unui dreptunghi egală cu 50% înseamnă că
acesta este de două ori mai mic decât părintele său.
Exemplu
Să setăm pentru dreptunghi
lățimea elementului copil la 20% și
înălțimea la 40%:
<div>
<p></p>
</div>
div {
border: 1px solid black;
width: 200px;
height: 100px;
}
p {
border: 1px solid red;
width: 20%;
height: 40%;
}
:
Vedeți și
-
unitatea
px,
care stabilește dimensiunea în pixeli -
unitatea
fr,
care stabilește dimensiunea în fr -
unitatea
em,
care stabilește dimensiunea în em -
unitatea
rem,
care stabilește dimensiunea în rem -
unitatea
vw,
care stabilește dimensiunea în vw -
unitatea
vh,
care stabilește dimensiunea în vh -
unitatea
vmax,
care stabilește dimensiunea în vmax -
unitatea
vmin,
care stabilește dimensiunea în vmin
