Tham chiếu đơn vị CSS
| 단위 | 이름 | 유형 | 설명 | 예시 |
|---|---|---|---|---|
| px | Pixels | absolute | 화면의 1픽셀. 가장 기본적인 단위. | font-size: 16px; |
| em | Em | relative | 부모 요소의 font-size 기준 배수. | padding: 1.5em; |
| rem | Root Em | relative | 루트(html) 요소의 font-size 기준 배수. | margin: 2rem; |
| % | Percent | relative | 부모 요소의 해당 속성 기준 백분율. | width: 50%; |
| vw | Viewport Width | viewport | 뷰포트 너비의 1%. | width: 100vw; |
| vh | Viewport Height | viewport | 뷰포트 높이의 1%. | height: 100vh; |
| vmin | Viewport Min | viewport | vw와 vh 중 작은 값의 1%. | font-size: 5vmin; |
| vmax | Viewport Max | viewport | vw와 vh 중 큰 값의 1%. | width: 50vmax; |
| dvh | Dynamic VH | viewport | 동적 뷰포트 높이 (모바일 주소창 고려). | height: 100dvh; |
| svh | Small VH | viewport | 최소 뷰포트 높이. | min-height: 100svh; |
| lvh | Large VH | viewport | 최대 뷰포트 높이. | max-height: 100lvh; |
| ch | Character | relative | "0" 문자의 너비 기준. | max-width: 60ch; |
| ex | X-Height | relative | "x" 문자의 높이 기준. | line-height: 2ex; |
| cm | Centimeters | absolute | 센티미터. 인쇄용. | width: 10cm; |
| mm | Millimeters | absolute | 밀리미터. 인쇄용. | margin: 5mm; |
| in | Inches | absolute | 인치 (1in = 96px). | width: 2in; |
| pt | Points | absolute | 포인트 (1pt = 1/72in). | font-size: 12pt; |
| cqi | Container Inline | container | 컨테이너 인라인 크기의 1%. | font-size: 5cqi; |
| cqb | Container Block | container | 컨테이너 블록 크기의 1%. | padding: 2cqb; |
19개 표시 중
Cap nhat lan cuoi: 2026 · Cong cu truc tuyen mien phi
Tham chiếu đơn vị CSS la gi?
Tài liệu tham khảo đơn vị CSS miễn phí gồm px, em, rem, %, vw, vh, vmin, vmax, ch theo danh mục, giải thích rõ khi nào và cách dùng từng đơn vị tuyệt đối và tương đối.
Cach su dung
- 1 Nhập — Nhập dữ liệu cần thiết.
- 2 Kết quả — Xem kết quả xử lý.
- 3 Sao chép — Sao chép kết quả để sử dụng.
Cong cu lien quan
Bảng tóm tắt Regex Bảng tra cứu regex miễn phí có thể tìm kiếm, sắp xếp cú pháp biểu thức chính quy theo danh mục như ký tự đặc biệt, bộ định lượng, neo và nhóm, với sao chép mẫu một cú nhấp và tương thích regex JavaScript.
Bảng tra cứu Git Bảng tra cứu Git miễn phí với các lệnh tìm kiếm được theo danh mục, từ nhánh và merge đến rebase, stash và reset, mỗi lệnh hiển thị cách dùng và mức độ nguy hiểm.
Cau hoi thuong gap
Tham chiếu đơn vị CSS miễn phí bao gồm tất cả đơn vị độ dài, góc, thời gian.
Không. Mọi xử lý diễn ra trong trình duyệt của bạn.
Có, thiết kế responsive hoạt động trên thiết bị di động.