• 회원가입
  • 로그인
  • 구글아이디로 로그인

[font] CSS - font-variant 속성 - 작은 대문자 (= font-variant속성 = 폰트베리언트 = 폰트베어리언트)

목차
  1. font-variant 예제 - 작은 대문자
  2. font-variant 정의
  3. font-variant 구문

 

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버전 : CSS1
JS 구문 : object.style.fontVariant="small-caps"
 
2.
주요 브라우저 모두 지원.
 
 

font-variant 구문

 

selector {font-variant: 속성값;}

 


[속성값]

normal
일반 폰트 (기본값)

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

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

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


분류 제목
selector CSS - :focus 가상선택자 - 포커스 된 요소 선택 (= :focus선택자 = 포커스선택자) (I…
position CSS - position 속성 ★★★ - 위치기준대상지정 (= 위치속성 = 포지션속성 = 위치조정 = po…
font CSS - font-family 속성 ★ - 글자종류 (= font-family속성 = 폰트패밀리속성 = 글…
position CSS - overflow 속성 ★★ - 범위이탈요소처리 (= 범위넘는요소처리 = 스크롤바 생성 = over…
button CSS - Button - 버튼스타일 (버튼크기, 버튼색깔, 버튼비활성화, 버튼그룹, 이미지위버튼)
27/27
목록
찾아주셔서 감사합니다. Since 2012