Font-Stretch
개요 : 이 속성은 글꼴의 폭(장평)을 지정한다. 대부분의 글꼴(폰트)과 브라우저가 이 기능을 지원하지 않는다.
정의 :
|
font-stretch |
설명 |
|
값 |
normal | wider | narrower | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | extra-expanded | ultra-expanded | inherit |
|
기본값 |
normal |
|
적용대상 |
모든 요소 |
|
상속 |
됨 |
|
백분율 |
사용 불가 |
|
미디어 |
visual |
값
|
값 |
설명 |
|
ultra-condensed |
장평을 가장 축소하도록 지정한다. |
|
extra-condensed |
장평을 더욱 축소하도록 지정한다. |
|
condensed |
장편을 축소 하도록 지정한다. |
|
semi-condensed |
장평을 절반 정도 축소 하도록 지정한다. |
|
normal |
장평을 정상적으로 출력하도록 지정한다. |
|
semi-expanded |
장평을 절반 정도 확대하도록 지정한다. |
|
expanded |
장평을 확대하도록 지정한다. |
|
extra-expanded |
장평을 더욱 확대 하도록 지정한다. |
|
ultra-expanded |
장평을 가장 확대하도록 지정한다. |
|
inherit |
장평을 부모 요소의 값을 상속하도록 지정한다. |
-------------------------------------------------------------------------------------------------------
예제
View Source :
<style>
strong {font-stretch: ultra-expanded;}
</style>
<body>
<p>본문의 중요한 내용을 <strong>시각적으로 강조</strong>하기 위해 장폭을 확장한다.</p>
</body>
Result :
''.' Programs > CSS' 카테고리의 다른 글
| Font-Style (0) | 2012.03.20 |
|---|---|
| Font-Variant (0) | 2012.03.20 |
| Font (0) | 2012.03.20 |
| Line - Height (0) | 2012.03.20 |
| Text-Indent (0) | 2012.03.20 |