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%:

html<div>
  <p></p>
</div>
cssdiv {
  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