CSS มีหลายหน่วยสำหรับหน่วยต่างๆ เช่น width, margin, padding, font-size, border-width เป็นต้น ความยาวระบุโดยใช้ค่าตัวเลขตามด้วยหน่วยความยาว เช่น px , dp, em ฯลฯ ไม่อนุญาตให้มีช่องว่างระหว่างค่าตัวเลขและหน่วยความยาว
หน่วยความยาวแบ่งเป็นดังนี้:
- หน่วยสัมพัทธ์
- แน่นอน
หน่วยสัมบูรณ์
| หน่วย | ตัวย่อ |
|---|---|
| Pixels | พิกเซล |
| คะแนน | Pt |
| นิ้ว | ใน |
| เซนติเมตร | ซม |
| Picas | Pc |
หน่วยสัมพัทธ์
ในหน่วยสัมพัทธ์ ค่าความยาวคงที่และปรากฏเป็นขนาดที่แน่นอนขององค์ประกอบ
| หน่วย | ตัวย่อ |
|---|---|
| เปอร์เซ็นต์ | % |
| Em | Em |
| เช่น | เช่น |
| Root em | Rem |
| ความกว้างของวิวพอร์ต | Vw |
| ความกว้างของวิวพอร์ต | Vh |
| ความกว้างของวิวพอร์ต | Vm |
| ตัวละคร | Ch |
| Grid | Gd |
