[DOM_Style] JS - fontVariant 속성 - (소문자/보통) 크기의 대문자로 설정/반환.

fontVariant 예제 - font-variant 속성값 설정.

 

<p id="hz">Homzzang.com</p>

<p>Homzzang.com</p>

<button type="button" onclick="homzzang()">클릭</button>

 

<script>

function homzzang() {

  document.getElementById("hz").style.fontVariant = "small-caps";

}

</script>

 

결과보기

fontVariant 정의 

 

소문자 크기의 대문자로 설정/반환.

 

---

 

1.

기본값: normal

반환값: 대문자 크기(예: normal, small-caps 등) 나타내는 문자열.

CSS속성: font-variant
CSS버전: CSS1

2.

모든 브라우저 지원. 

 

fontVariant 구문 

 

[반환]

object.style.fontVariant 

 

[설정]

object.style.fontVariant = "normal|small-caps|initial|inherit"

 

---

[속성값]

 

normal 
일반 폰트 (기본값)

small-caps
소문자 크기의 대문자로 변환. 
※ 영문에만 적용됨.

initial

이 속성의 기본값으로 지정

inherit

부모 요소의 스타일을 상속 

 

fontVariant 예제 - font-variant 속성값 반환.

 

<p id="hz" style="font-variant:small-caps">Homzzang.com</p>

<button type="button" onclick="homzzang()">클릭</button>

 

<script>

function homzzang() {

  alert(document.getElementById("hz").style.fontVariant);

}

</script>

 

결과보기