CSS EM의 의미

sig03
2 min readApr 24, 2022

--

css에서 크기를 상대적으로 정하는 em, 최상위 폰트 사이즈를 기준으로 상대적 크기를 정하는 rem(root em). 좋다. 그런데 em이 뭐의 약자인가? 찾아봐도 찾아봐도 답을 주는 곳이 없다. 해외 사이트로 눈을 돌려보니 답이 보인다. 그러나 해외에서도 얘기가 오락가락 하고 논쟁이 있는 것 같다.

옛날에 글자를 찍어내는 활자의 박스에서 유래했다는 썰.

em = Ephemeral Box

ephemeral 의 뜻이 ‘수명이 짧은’, ‘단명하는’ ???

em = Emphemeral unit

emphemeral 의 뜻이 ‘황제의’?? 황제의 유닛?

그러나 이 페이지에 납득할만한 답이 있다. 이게 왜 납득할만하면 상당히 개발자스러운 느낌이 들어서.

em = Equal + capital letter M

em이 대문자 M의 width 와 사이즈가 똑같아서란다. 개발자스러운 축약어이다. 좀더 찾아봐도 위에 약자가 맞는듯 하다. 그럼 em은 위와 같이 정의하는걸로.

--

--

sig03
sig03

No responses yet