- slide 1 of 23, currently active
- slide 2 of 23
- slide 3 of 23
- slide 4 of 23
- slide 5 of 23
- slide 6 of 23
- slide 7 of 23
- slide 8 of 23
- slide 9 of 23
- slide 10 of 23
- slide 11 of 23
- slide 12 of 23
- slide 13 of 23
- slide 14 of 23
- slide 15 of 23
- slide 16 of 23
- slide 17 of 23
- slide 18 of 23
- slide 19 of 23
- slide 20 of 23
- slide 21 of 23
- slide 22 of 23
- slide 23 of 23
6.2.4 font-style 속성
font-style 속성은 글꼴의 스타일을 지정할 때 사용합니다.
형식
font-style:<속성값>;
사용하는 속성값은 다음과 같습니다.
표 6-4 font-style 속성값
|
속성값 |
설명 |
|
normal |
기본 형태로 표시합니다. |
|
italic |
이탤릭체로 표시합니다. |
|
oblique |
기울임꼴로 표시합니다. |
이 중에서 italic과 oblique은 실제로 사용해 보면 크게 차이가 나지 않습니다.
06/02/font-style.html
.italic{
font-style:italic;
}
.oblique{
font-style:oblique;
}
그림 6-10 실행결과
코드를 실행하면 두 속성값 모두 텍스트가 기울어져 표시됩니다. 그러나 엄밀히 말하면 italic은 글꼴에서 지원하는 이탤릭체를 적용한 값이고, oblique은 단순히 글자를 기울여서 보여 주는 겁니다. 웹 브라우저에서는 크게 차이가 나지 않으므로 이 정도만 알고 넘어가면 됩니다.