4-4. 서체(font)와 글(text) 스타일 - 5

1. 글자 스타일 지정하기

글자를 기울이는 방법으로 "font-style" 속성을 사용합니다. 기울이는 값은 "italic(기울임)"과 "oblique(비스듬하게)"가 있으며, 기울어진 글자를 바로 세울 때에는 "nomal"을 적용합니다.

1-1. 기울이는 값은 "italci"과 "obliique"가 있습니다.

<style type="text/css"> .area p{font-style: italic;} .area #text{font-style: oblique;} </style>

1-2. <address>, <em>요소 등은 원래 기울어진 형태로 표현됩니다. font-style 속성에 "nomal" 값을 지정함으로써 해당 요소의 글자를 바로 세울 수 있습니다.

<style type="text/css"> address, em{font-style: normal;} </style>

2. 글자의 색상 설정하기

"color"속성으로 글자의 색상을 지정합니다. 다음 예제는 <p>요소의 글자에 색상을 지정했습니다.

<style type="text/css"> .area p{color: orange;} .area #text{color: lime} </style>