Unité %
L'unité de mesure relative %
définit la taille d'un élément enfant
par rapport à la taille de son parent. Par exemple,
une largeur de rectangle égale à 50% signifie
qu'il est deux fois plus petit que son parent.
Exemple
Définissons la largeur d'un élément enfant
à 20% et
la hauteur à 40% :
<div>
<p></p>
</div>
div {
border: 1px solid black;
width: 200px;
height: 100px;
}
p {
border: 1px solid red;
width: 20%;
height: 40%;
}
:
Voir aussi
-
unité
px,
qui définit la taille en pixels -
unité
fr,
qui définit la taille en fr -
unité
em,
qui définit la taille en em -
unité
rem,
qui définit la taille en rem -
unité
vw,
qui définit la taille en vw -
unité
vh,
qui définit la taille en vh -
unité
vmax,
qui définit la taille en vmax -
unité
vmin,
qui définit la taille en vmin
