Unidad %
La unidad de medida relativa %
establece el tamaño de un elemento hijo
en relación con el tamaño de su elemento padre. Por ejemplo,
un ancho de rectángulo igual a 50% significa que
es dos veces más pequeño que su padre.
Ejemplo
Establezcamos el ancho de un rectángulo
elemento hijo en 20% y
la altura en 40%:
<div>
<p></p>
</div>
div {
border: 1px solid black;
width: 200px;
height: 100px;
}
p {
border: 1px solid red;
width: 20%;
height: 40%;
}
:
Véase también
-
unidad
px,
que establece el tamaño en píxeles -
unidad
fr,
que establece el tamaño en fr -
unidad
em,
que establece el tamaño en em -
unidad
rem,
que establece el tamaño en rem -
unidad
vw,
que establece el tamaño en vw -
unidad
vh,
que establece el tamaño en vh -
unidad
vmax,
que establece el tamaño en vmax -
unidad
vmin,
que establece el tamaño en vmin