CSS 폰트 변형 속성

정의와 사용법

font-variant 속성은 소형 대문자 글자를 표시하는 글자체를 설정합니다. 이는 모든 소문자가 대문자로 변환되는 것을 의미하지만, 소형 대문자 글자는 나머지 텍스트와 비교하여 글자 크기가 작습니다.

이 속성은 주로 소형 대문자 텍스트를 정의하는 데 사용됩니다. 이론적으로, 사용자代理는 일반 글자에서 소형 대문자 글자를 계산할 수 있습니다.

CSS 강의:CSS 글꼴

CSS 참조 매뉴얼:CSS 폰트 속성

HTML DOM 참조 매뉴얼:fontVariant 속성

문단을 소형 대문자 글자 글자체로 설정합니다:

p.small
  {
  font-variant:small-caps;
  }

font-variant: normal|small-caps|initial|inherit;

값	설명
normal	기본 값. 브라우저는 표준 글자를 표시합니다.
small-caps	브라우저는 소형 대문자 글자를 표시합니다.
inherit	font-variant 속성의 값을 부모 요소에서 상속해야 합니다.

기본 값:	normal
상속성:	yes
버전:	CSS1
JavaScript 문법:	object.style.fontVariant="small-caps"

표中的 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.

Chrome	IE / Edge	Firefox	Safari	Opera
1.0	4.0	1.0	1.0	3.5