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>
결과보기
주소 복사
랜덤 이동