Satuan %
Satuan pengukuran relatif %
mengatur ukuran elemen anak
relatif terhadap ukuran induknya. Contohnya,
lebar persegi panjang yang sama dengan 50% berarti
itu dua kali lebih kecil dari induknya.
Contoh
Mari kita atur persegi panjang
elemen anak dengan lebar 20% dan
tinggi 40%:
<div>
<p></p>
</div>
div {
border: 1px solid black;
width: 200px;
height: 100px;
}
p {
border: 1px solid red;
width: 20%;
height: 40%;
}
:
Lihat juga
-
satuan
px,
yang mengatur ukuran dalam piksel -
satuan
fr,
yang mengatur ukuran dalam fr -
satuan
em,
yang mengatur ukuran dalam em -
satuan
rem,
yang mengatur ukuran dalam rem -
satuan
vw,
yang mengatur ukuran dalam vw -
satuan
vh,
yang mengatur ukuran dalam vh -
satuan
vmax,
yang mengatur ukuran dalam vmax -
satuan
vmin,
yang mengatur ukuran dalam vmin
