หน่วย %

หน่วยวัดสัมพัทธ์ % กำหนดขนาดขององค์ประกอบลูก สัมพันธ์กับขนาดขององค์ประกอบแม่ ตัวอย่างเช่น ความกว้างของสี่เหลี่ยมที่เท่ากับ 50% หมายความว่า มันมีขนาดเล็กกว่าองค์ประกอบแม่สองเท่า

ตัวอย่าง

มาทำให้สี่เหลี่ยมของ องค์ประกอบลูกมีความกว้าง 20% และ ความสูง 40%:

html<div>
  <p></p>
</div>

cssdiv {
  border: 1px solid black;
  width: 200px;
  height: 100px;
}
p {
  border: 1px solid red;
  width: 20%;
  height: 40%;
}

Результат:

ดูเพิ่มเติม

หน่วย px,
ซึ่งกำหนดขนาดเป็นพิกเซล
หน่วย fr,
ซึ่งกำหนดขนาดเป็น fr
หน่วย em,
ซึ่งกำหนดขนาดเป็น em
หน่วย rem,
ซึ่งกำหนดขนาดเป็น rem
หน่วย vw,
ซึ่งกำหนดขนาดเป็น vw
หน่วย vh,
ซึ่งกำหนดขนาดเป็น vh
หน่วย vmax,
ซึ่งกำหนดขนาดเป็น vmax
หน่วย vmin,
ซึ่งกำหนดขนาดเป็น vmin