CSS có một số đơn vị cho các đơn vị khác nhau như width, margin, padding, font-size, border-width, v.v. Chiều dài cho biết bằng cách sử dụng giá trị số theo sau là các đơn vị độ dài như px , dp, em, v.v. Nó không cho phép khoảng trắng giữa các giá trị số và đơn vị độ dài.
Đơn vị độ dài được chia như sau:
- đơn vị tương đối
- tuyệt đối
Đơn vị tuyệt đối
Đơn vị| | Viết tắt |
|---|---|
| Điểm ảnh | Px |
| Điểm | Pt |
| Inch | Trong |
| Centimet | Cm |
| Picas | Pc |
Đơn vị tương đối
Trong các đơn vị tương đối, giá trị độ dài được cố định và nó xuất hiện kích thước chính xác của phần tử
| Đơn vị | Viết tắt |
|---|---|
| Phần trăm | % |
| Em | Em |
| Ví dụ | Ví dụ |
| Gốc em | Rem |
| Chiều rộng khung nhìn | Vw |
| Chiều rộng khung nhìn | Vh |
| Chiều rộng khung nhìn | Vm |
| Ký tự | Ch |
| Lưới | Gd |