หน่วย em

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

ตัวอย่าง

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

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

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

ดูเพิ่มเติม

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