• Q&A
  • 회원가입
  • 로그인

[font] CSS - font-variant 속성 - 작은 대문자 (=소문자 크기의 대문자 = font-variant속성 = 소형 대문자 = 폰트베어리언트, 상속 O)

font-variant 예제 
 
<style>
.a {font-variant: normal}
.b {font-variant: small-caps}
</style>

<p class='a'>normal - 홈짱닷컴 (homzzang.com)</p>
<p class='b'>small-caps - 홈짱닷컴 (homzzang.com)</p>

 

font-variant 정의
 
소문자를 일반대문자보다 작은 대문자로 변환할지 지정.
(※ font-variant:small-caps 일 때 적용됨)

 


 
1.
기본값 : normal
상속 : O
애니효과 : X
CSS버전 : 1
JS 구문 : object.style.fontVariant="small-caps"
 
2.
주요 브라우저 모두 지원.
 
 
font-variant 구문

 

selector {font-variant: 속성값;}

 


[속성값]

normal
일반 폰트 (기본값)

small-caps
소문자를 일반 대문자보다 작은 대문자로 변환.
영문에만 적용됨.

initial
이 속성의 기본값으로 지정

inherit
부모 요소의 스타일을 상속
 

오늘도 즐겁게 열심히 .....

찾아주셔서 감사합니다. Since 2012