CSS

[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
부모 요소의 스타일을 상속
 


분류 제목
animation CSS - animation-name 속성 - 키프레임명 (= 키프레임이름 = 애니이름 = 애니명 = 애니메…
animation CSS - animation-fill-mode 속성 - 애니미작동스타일 (= 움직임 작동안할때 스타일 = 애…
column CSS - column-width 속성 - 컬럼 너비 지정 (= column-width속성 = 컬럼위드스속성…
css CSS - 반응형 마름모 갤러리 (Responsible Rhomb gallery on grids + clip…
background CSS - background-origin 속성 - 배경이미지 좌표시작점 (= 백그라운드오리진 속성)
css CSS - unset 속성값 - 상속값 존재 유무에 따라, inherit・initial 속성값 사용. (= …
selector CSS - [attribute^=value] 속성선택자 ★ - 지정 속성값 문자열로 시작하는 요소. (=시…
border CSS - border-bottom-width 속성 - 테두리하단너비 (= 테두리하단두께 = border-b…
responsive CSS - RES Grid-View - (그리드뷰 = 화면너비분할 = 화면분할 = 수동그리드)
selector CSS - [attribute~=value] 속성선택자 - 특정 속성값단어 (단독 또는 단어앞뒤공백)인 요소…
selector CSS - [attribute$=value] 속성선택자 - 지정 속성값 문자열로 끝나는 요소 (IE7)
selector CSS - :placeholder-shown 가상선택자 - 플레이스홀더 텍스트 표시 중인 요소 선택 (= :…
gradient CSS - linear-gradient() 함수 ★ - 선형 그레이디언트 배경이미지 (= 선형 그라디언트 …
border CSS - border-right-style 속성 - 테두리우측모양 (= border-right-style속…
border CSS - border-top-left-radius 속성 - 테두리상단왼쪽둥글기 지정 (= 보더탑레프트레이디…
22/35
목록
 홈  PC버전 로그인 일본어
그누앞단언어
그누뒷단언어
그외코딩언어
그누보드 1
제작의뢰
Q&A
커뮤니티
웹유틸
회원센터
홈짱닷컴 PC버전 로그인