- CSS Measurement Units
- CSS 측정 단위, CSS 길이 단위
1 목록[ | ]
| 단위 | 설명 | 예시 |
|---|---|---|
| 상대 길이 | ||
% ★★★
|
부모 요소 대비 퍼센트 | |
vw
|
뷰포트 너비 퍼센트 | |
vh
|
뷰포트 높이 퍼센트 | |
vmin
|
뷰포트 높이·너비 중 작은 쪽 퍼센트 | |
vmax
|
뷰포트 높이·너비 중 큰 쪽 퍼센트 | |
em ★★
|
font-size 대비 크기 | |
ex
|
글자 'x' 높이 대비 크기. 거의 사용안함 | |
ch
|
글자 '0' 너비 대비 크기 | |
rem
|
루트 요소의 font-size 대비 크기 | |
| 절대 길이 | ||
px ★★★
|
픽셀 | |
pt
|
포인트 = 1/72 인치 ≒ 1.33 px | |
pc
|
피카 = 12 pt ≒ 16 px | |
in
|
인치 = 2.54 cm ≒ 96 px | |
cm
|
센티미터 = 0.39 인치 ≒ 37.80 px | |
mm
|
밀리미터 = 0.04 인치 ≒ 3.78 px | |
- → 표에 있는 절대 길이의 px 환산값은 대략적인 것임. PPI에 따라 달라질 수 있음