English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
font-variant 속성은 소문자를 대문자로 변환하는 폰트를 설정합니다. 이는 모든 소문자가 대문자로 변환되며, 소문자 폰트를 사용하는 글자는 나머지 텍스트와 비교하여 폰트 크기가 작습니다.
아래 표는 이 속성의 사용 설명과 버전 기록, 그리고 이 속성이 자바스크립트 스크립트에서 사용하는 문법을 설명합니다。
기본 값: | normal |
---|---|
적용 대상: | 모든 요소 |
thừa kế: | 네 |
애니메이션 가능: | 아니요。참조: 애니메이션 속성。 |
버전: | CSS 1,2,3 |
이 속성의 문법은 다음과 같습니다:
font-variant: normal | small-caps | initial | inherit
아래 예제는 font를 사용하는 방법을 설명합니다-variant 속성。
p { font-variant: small-caps; }테스트 보기‹/›
아래 표는 이 속성의 값을 설명합니다。
값 | 설명 |
---|---|
normal | 일반 폰트를 지정합니다。 |
small-caps | 기본적으로 소문자 폰트로 표시된 문자를 지정합니다. 소문자 폰트를 사용할 수 없는 경우, 브라우저는 이 변종을 모의하여 일반 폰트를 사용하고, 소문자를 대문자로 대체합니다。 |
initial | 이 속성을 기본 값으로 설정합니다。 |
inherit | 지정된 경우, 관련 요소는 부모 요소의 font를 사용합니다-variant의 속성 값。 |
주의: small-caps 폰트에서, 소문자는 대문자와 유사하게 보이지만 크기가 작고 비율이 약간 다릅니다。
font-variant 속성의 브라우저 호환성, 아래 표의 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다;모든 주요 브라우저는 이 속성을 지원합니다。
|
다음 튜토리얼을 참조하세요:CSS 폰트,CSS 텍스트。
관련 속성과 규칙:font,font-style,font-weight,font-size,line-height,font-family,@font-face。