Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

ตั้งค่าขนาดตัวอักษรด้วย em ใน CSS


หน่วย em (relative unit)

1em = 16px (โดยค่าเริ่มต้นของเบราว์เซอร์) ใช้ em เพื่อขนาดตัวอักษรที่สัมพันธ์กับพาเรนต์

ตัวอย่าง

<!DOCTYPE html>
<html>
<head>
  <style>
    h1 {
      /* 30px / 16 = 1.875em */
      font-size: 1.875em;
    }
  </style>
</head>
<body>
  <h1>This is demo heading</h1>
  <p>This is demo text.</p>
</body>
</html>