FE/CSS

CSS에서의 단위

Jayy 2022. 10. 13. 15:29

em

스타일 지정 요소의 font-size 속성값에 비례하여 값을 결정합니다.

/* font-size : 16px 인 경우 */

1em => 16 * 1 = 16px
0.8em => 16 * 0.8 = 12.8px
3em => 16 * 3 = 48px

 

rem

최상위 html 요소의 font-size속성 값에 비례하여 값을 결정합니다.

/* font-size : 16px 인 경우 */

1rem => 16 * 1 = 16px
0.8rem => 16 * 0.8 = 12.8px
3rem => 16 * 3 = 48px

 

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

폰트,텍스트 속성  (0) 2022.10.13
웹폰트  (0) 2022.10.13