CSS 폰트 확장 속성

정의 및 사용 방법

font-stretch 속성은 현재 font-family를 확대 및 축소할 수 있습니다.

추가 정보:

CSS 강의:CSS 글꼴

CSS 참조 가이드:CSS 폰트 속성

HTML DOM 참조 가이드:fontStretch 속성

예제

HTML 요소의 font-stretch 속성을 설정합니다:

h1
  {
  font-stretch:ultra-condensed;
  }

CSS 문법

font-stretch: ultra-condensed|extra-condensed|condensed|semi-condensed|normal|semi-expanded|expanded|extra-expanded|ultra-expanded|initial|inherit;

속성 값

값 설명
normal 기본 값. 확대 비율을 표준으로 설정합니다.
wider 확대 비율을 더욱 확대된 값으로 설정합니다
narrower 축소 비율을 더욱 축소된 값으로 설정합니다
  • ultra-condensed
  • extra-condensed
  • condensed
  • semi-condensed
  • semi-expanded
  • expanded
  • extra-expanded
  • ultra-expanded

font-family의 확대 비율을 설정합니다.

"ultra-condensed"은 가장 넓은 값이며, "ultra-expanded"은 가장 좁은 값입니다.

기술 세부 사항

기본 값: normal
thừa kế성: yes
버전: CSS2
JavaScript 문법: object.style.fontStretch="ultra-expanded"

브라우저 지원

표中的 숫자는 이 속성을 최초로 지원한 브라우저 버전을 나타냅니다.

크롬 IE / 엣지 파이어폭스 사파리 오페라
48.0 9.0 9.0 11.0 35.0