CSS font-stretch 속성
예시
<div> 요소의 텍스트를 더 넓게 만듭니다.
div
{
font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
font-stretch: expanded;
}
정의 및 사용
이 font-stretch
속성을 사용하면 텍스트를 더 좁게(축소) 또는 더 넓게(확장) 만들 수 있습니다.
참고: 일부 글꼴은 추가 얼굴을 제공합니다. 압축된 면과 확장된 면. 이러한 글꼴의 경우 font-stretch
속성을 사용하여 일반, 축소 또는 확장 글꼴을 선택할 수 있습니다.
참고: 선택한 글꼴이 축소 또는 확장된 면을 제공하지 않는 경우 이 속성은 효과가 없습니다!
브라우저 지원
표의 숫자는 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Property | |||||
---|---|---|---|---|---|
font-stretch | 48.0 | 9.0 | 9.0 | 11.0 | 35.0 |
통사론
font-stretch: ultra-condensed|extra-condensed|condensed|semi-condensed|normal|semi-expanded|expanded|extra-expanded|ultra-expanded|initial|inherit;
속성 값
Value | Description |
---|---|
ultra-condensed | Makes the text as narrow as it gets |
extra-condensed | Makes the text narrower than condensed, but not as narrow as ultra-condensed |
condensed | Makes the text narrower than semi-condensed, but not as narrow as extra-condensed |
semi-condensed | Makes the text narrower than normal, but not as narrow as condensed |
normal | Default value. No font stretching |
semi-expanded | Makes the text wider than normal, but not as wide as expanded |
expanded | Makes the text wider than semi-expanded, but not as wide as extra-expanded |
extra-expanded | Makes the text wider than expanded, but not as wide as ultra-expanded |
ultra-expanded | Makes the text as wide as it gets |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |