หน่วย em

หน่วยวัดสัมพัทธ์ em กำหนดขนาดฟอนต์ให้กับองค์ประกอบลูก โดยอ้างอิงจากขนาดขององค์ประกอบแม่ ตัวอย่างเช่น ฟอนต์ที่เท่ากับ 2em หมายความว่ามันใหญ่กว่าองค์ประกอบแม่ สองเท่า

ตัวอย่าง

มากำหนดฟอนต์ให้กับข้อความในองค์ประกอบ <p> ให้ใหญ่ หนึ่งเท่าครึ่ง เมื่อเทียบกับฟอนต์ขององค์ประกอบแม่ <div>:

html<div>
  text1
  <p>
    text2
  </p>
</div>

cssdiv {
  font-size: 14px;
}
p {
  font-size: 1.5em;
}

Результат:

ดูเพิ่มเติม

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