English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS 참조 가이드

CSS @규칙(RULES)

CSS 속성 전체

CSS font-variant 속성 사용 방법 및 예제

font-variant 속성은 소문자를 대문자로 변환하는 폰트를 설정합니다. 이는 모든 소문자가 대문자로 변환되며, 소문자 폰트를 사용하는 글자는 나머지 텍스트와 비교하여 폰트 크기가 작습니다.

아래 표는 이 속성의 사용 설명과 버전 기록, 그리고 이 속성이 자바스크립트 스크립트에서 사용하는 문법을 설명합니다。

기본 값:normal
적용 대상:모든 요소
thừa kế:
애니메이션 가능:아니요。참조: 애니메이션 속성
버전:CSS 1,2,3

font-variant 사용 문법

이 속성의 문법은 다음과 같습니다:

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 속성의 브라우저 호환성, 아래 표의 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다;모든 주요 브라우저는 이 속성을 지원합니다。

  • 파이어폭스 1+

  • 구글 크롬1+

  • 인터넷 익스플로러 4+

  • 애플 사파리 1+

  • 오페라 3。5+

더 읽기

다음 튜토리얼을 참조하세요:CSS 폰트CSS 텍스트

관련 속성과 규칙:fontfont-stylefont-weightfont-sizeline-heightfont-family@font-face