Be ready to study forever - 개발자 꿈나무

[CSS기초] 4. 속성값 단위 본문

Programming/CSS

[CSS기초] 4. 속성값 단위

루눌룹 2020. 7. 19. 18:14

4.속성값 단위

4.1. px ,%

px - px단위

% - 상위요소 내에서의 퍼센티지

 

4.2. em, rem

em – 글자 크기를 기본값으로 가지고있음 1em = 글자크기, 2em 글자크기의 2

rem – em font-size가 상속속성이기 때문에 상속받는다 하지만 rem은 상속받지않음

 

4.3. vw, vh

vw – 1~100까지의 단위로 뷰포트의 넓이

vh – 1~100까지의 단위로 뷰포트의 높이

 

4.4. vmin, vmax

vmin – 뷰포트값의 1~100으로 최소크기 속성값을 가짐(기준이하로 줄지않음)

vmax – 뷰포트의 1~100으로 최대크기의 속성값을 가짐(기준이상 늘지않음)

References: heropy.blog

'Programming > CSS' 카테고리의 다른 글

[CSS기초] 6. CSS속성 - 글꼴, 문자  (0) 2020.07.19
[CSS기초] 5. CSS속성 - 박스모델  (0) 2020.07.19
[CSS기초] 3. CSS 적용 순위  (0) 2020.07.19
[CSS기초] 2. 상속  (0) 2020.07.19
[CSS기초] 1. 선택자  (0) 2020.07.19
Comments