CSS 폰트 변형 케이스 속성

정의와 사용법

font-variant-caps 속성은 대문자 대체 글자 사용을 제어합니다.

추가로 참조:

CSS 강의:CSS 글꼴

CSS 참조 가이드:font 속성

HTML DOM 참조 가이드:fontVariant 속성

예시

단락을 소문자 글꼴로 설정합니다:

p.normal {font-variant-caps: normal;}
p.small {font-variant-caps: small-caps;}
p.allsmall {font-variant-caps: all-small-caps;}
p.petite {font-variant-caps: petite-caps;}
p.allpetite {font-variant-caps: all-petite-caps;}
p.unicase {font-variant-caps: unicase;}
p.titling {font-variant-caps: titling-caps;}

직접 시도해 보세요

CSS 문법

font-variant-caps: normal|small-caps|all-small-caps|petite-caps|all-petite-caps|unicase|titling-caps|initial|inherit|unset;

속성 값

값 설명
normal 예비 글꼴 사용을 중지
small-caps 소형 대문자를 표시
all-small-caps 대문자와 소문자 모두를 소형 대문자로 표시
petite-caps 특소형 대문자를 표시
all-petite-caps 대문자와 소문자 모두를 특소형 대문자로 표시
unicase 대문자를 소형 대문자와 일반 소문자의 혼용으로 변환할 수 있도록 허용
titling-caps 첫 글자 대문자 표시
initial 이 속성을 기본 값으로 설정합니다. 참고: initial。
inherit 부모 요소에서 이 속성을 thừa kế합니다. 참고: inherit。
unset

주석:소형 대문자는 대문자 형식을 사용하지만, 크기는 대문자와 동일한 소문자와 같습니다.

기술 세부 사항

기본 값: normal
thừa kế: 네
애니메이션 제작: 지원하지 않습니다. 참고:애니메이션 관련 속성。
버전: CSS3
JavaScript 문법: object.style.fontVariantCaps="small-caps"

브라우저 지원

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

Chrome IE / Edge Firefox Safari Opera
52.0 79.0 34.0 지원하지 않음 39.0