English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
font-stretch CSS 속성은 글꼴에서 일반, 압축 또는 확장된 외관을 선택합니다.
아래 표는 이 속성의 사용 설명과 버전 기록, 그리고 자바스크립트 스크립트에서의 속성 사용 문법을 나타냅니다.
| 기본 값: | normal |
|---|---|
| 적용 대상: | 모든 요소. ::first에도 적용됩니다.-letter와 ::first-line |
| thừa kế: | 는 합니다 |
| 애니메이션 제작 가능: | 는 합니다.참조하세요 애니메이션 속성。 |
| 버전： | CSS3의 새로운 기능 |
| JavaScript 문법: | object.style.fontStretch="expanded" |
이 속성의 문법은 다음과 같습니다:
font-stretch: normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | initial | inherit
아래 예제는 font를 사용하는 방법을 설명합니다.-stretch 속성.
p {
font-family: Arial, Helvetica, sans-serif;
font-stretch: condensed;
}테스트 보기‹/›아래 표는 이 속성의 값을 설명합니다.
| 값 | 설명 |
|---|---|
| normal | 일반 글꼴을 지정합니다. 기본 값입니다. |
| ultra-condensed | 가장 밀집된 글꼴을 지정합니다. |
| extra-condensed | 두 번째로 가장 간결한 글꼴을 지정합니다. |
| condensed | 압축된 글꼴을 지정합니다. |
| semi-condensed | 약간 압축된 글꼴을 지정합니다. |
| semi-expanded | 약간 확장된 글꼴을 지정합니다. |
| expanded | 확장된 글꼴을 지정합니다. |
| extra-expanded | 두 번째로 가장 확장된 글꼴을 지정합니다. |
| ultra-expanded | 가장 확장된 글꼴을 지정합니다. |
| initial | 이 속성을 기본 값으로 설정합니다. |
| inherit | 지정되면, 관련 요소는 부모 요소 font를 사용합니다.-stretch 속성 값 |
font-stretch 대부분의 브라우저는 이 속성을 지원하지 않습니다.
|
경고:font-경고: stretch Chrome, Safari, Opera 브라우저는 현재 이 속성을 지원하지 않습니다. 이 속성을 사용하는 것을 피하는 것이 좋습니다.
아래 튜토리얼을 참조하십시오:CSS 글꼴，CSS 단위，CSS 페어 요소。
관련 속성과 규칙:font，font-family，font-size，font-size-adjust，font-style，font-variant，font-weight，@font-face。