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


분류 제목
transition CSS - transition-timing-function 속성 - 트랜지션 속도변경곡선 (= transit…
image CSS - object-position 속성 - <img>/<video>가 "자체 콘텐츠 상자" 내부의 x/…
pagination CSS - 페이징 - (이전페이지/다음페이지/지정페이지) 이동 링크 버튼
func CSS - 함수 종류
selector CSS - :only-of-type 가상선택자 - 타입유일 자식요소 (= 유일타입 자식요소) [유일선택자|타…
css CSS - 화면분할 좌측사이드 영역 스크롤 고정 (= 이미지/메뉴 사이드 고정)
transition CSS - transition-duration 속성 ★ - 트랜지션 완료에 걸리는 시간 (= transiti…
image CSS - Polaroid Images / Cards - (폴라로이드 이미지)
selector CSS - .class 클래스선택자 ★
pagination CSS - 페이징 - 테두리 추가 (Bordered Pagination)
background CSS - Multi Background 구문 - 한번에 여러 배경 속성값 사용
intro CSS - CSS3 입문
selector CSS - :root 가상선택자 - 웹문서root요소 선택. (= 루트선택자, IE9)
css CSS - 자식요소 앞에 순번 붙이기 (= 번호 매기기 = 색인번호 추가 = 요소 카운팅)
transition CSS - transition-delay 속성 - 트랜지션 시작 대기 시간 (= transition-dela…
17/35
목록
 홈  PC버전 로그인 일본어
그누앞단언어
그누뒷단언어
그외코딩언어
그누보드
제작의뢰
Q&A
커뮤니티
웹유틸
회원센터
홈짱닷컴 PC버전 로그인