Đơn vị độ dài tuyệt đối (Absolute Length Units) trong CSS

Các đơn vị độ dài tuyệt đối được cố định so với nhau. Chúng được dùng khi định dạng đầu ra đã biết trước. Dưới đây là các đơn vị tuyệt đối:

Ví dụ 1: Sử dụng inch (in)

<!DOCTYPE html>
<html>
<head>
<style>
.demo {
  text-decoration: overline underline;
  text-decoration-color: blue;
  font-size: 0.3in;
}
</style>
</head>
<body>
<h1>Chi tiết</h1>
<p class="demo">Trung tâm thi gần trường ABC College.</p>
<p class="demo2">Kỳ thi bắt đầu lúc 9AM.</p>
</body>
</html>

Kết quả

Ví dụ 2: Sử dụng cm và mm

<!DOCTYPE html>
<html>
<head>
<style>
.demo { font-size: 1cm; }
.demo2 { font-size: 5mm; }
</style>
</head>
<body>
<h1>Xếp hạng ICC</h1>
<p class="demo">Xếp hạng Test ICC công bố 29 tháng 11.</p>
<p class="demo2">Xếp hạng ODI ICC công bố 30 tháng 11.</p>
</body>
</html>

Kết quả

Lưu ý:

• Đơn vị tuyệt đối phù hợp cho in ấn (print media)
• Trên màn hình, px là đơn vị tham chiếu
• Không khuyến khích cho web responsive (nên dùng rem, em, %)