들어가기 전에

em 태그를 사용했을 때, 글꼴이 기울어지는 것을 보셨을 겁니다.

em 태그는 기본적으로 font-style 속성에 italic이라는 값을 가지고 있어 기울임꼴로 표시됩니다.

이처럼 font-style 속성을 이용하면 태그의 기울임 처리를 할 수도 있습니다.

핵심키워드

• em
• oblique
• italic

학습하기 

font-style 속성

글꼴의 스타일을 지정하는 속성입니다.

    기본 값 : normal

font-style: normal | italic | oblique | initial | inherit;

< 속성 값 >

• oblique 텍스트의 기울기에 대한 각도를 추가로 지정할 수 있습니다.

font-weight oblique <각도>;

유효한 값은 -90 ~ 90도이며, 따로 각도를 지정하지 않으면 14도가 사용됩니다. 양수 값은 글의 끝 부분 쪽으로 기울어지며, 음수값은 시작 부분 쪽으로 기울어집니다. 그러나 아직 초안 단계로 CSS Fonts Module Level 4를 지원하는 브라우저에서만 사용 가능합니다.

생각해보기

• 대부분 브라우저에서 italic 스타일과 oblique 스타일을 똑같은 형태로 표현하고 있습니다. 두 스타일의 차이점에 대해서 알아보세요.

참고자료