- 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.5 font-variant 속성
font-variant 속성은 영문 텍스트를 크기가 작은 대문자로 변경할 때 사용합니다.
형식
font-variant:<속성값>;
사용하는 속성값은 다음과 같습니다.
표 6-5 font-variant 속성값
|
속성값 |
설명 |
|
normal |
텍스트를 변환하지 않습니다. |
|
small-caps |
텍스트를 크기가 작은 대문자로 변환합니다. |
font-variant 속성을 사용해 두 번째 p 태그만 변환해 보겠습니다.
06/02/font-variant.html
<style>
.variant{
font-variant:small-caps;
}
</style>
</head>
<body>
<p>Lorem ipsum dolor sit.</p>
<p class="variant">Lorem ipsum dolor sit.</p>
</body>
그림 6-11 실행결과
코드를 실행하면 두 번째 줄만 소문자 텍스트가 작은 크기의 대문자로 표시됩니다. 속성이 적용되지 않은 첫 번째 줄과 비교하면 텍스트 크기가 줄고 소문자가 대문자로 변한 것을 확인할 수 있습니다.