HTML DOM 스타일 fontSizeAdjust 속성은 소문자 x 및 대문자 X의 높이를 기반으로 글꼴 크기를 설정하는 데 사용됩니다. fontSize 속성보다 글꼴 크기를 더 잘 제어할 수 있습니다.
참고:이 속성은 Mozilla Firefox에서만 지원됩니다.
다음은 −
의 구문입니다.fontSizeAdjust 속성 설정 -
object.style.fontSizeAdjust = "none|number|initial|inherit"
위의 속성은 다음과 같이 설명됩니다 -
| 값 | 설명 |
|---|---|
| 없음 | 글꼴 크기를 조정하지 않으며 기본값입니다. |
| 숫자 | 첫 번째 글꼴 크기 x-높이를 두 번째 글꼴 크기로 나누고 해당 숫자를 곱하여 종횡비를 계산하는 데 사용됩니다. |
| 초기 | 이 속성을 초기 값으로 초기화합니다. |
| 상속 | 상위 속성 값 상속 |
fontSizeAdjust 속성의 예를 살펴보겠습니다 -
예시
<!DOCTYPE html>
<html>
<head>
<style>
.one {
font-family: verdana;
}
.two {
font-family: 'times new roman';
}
#demo1, #demo2 {
font-size-adjust: 0.5;
}
</style>
<script>
function adjustFontSize() {
document.getElementById("demo1").style.fontSizeAdjust="1";
document.getElementById("demo2").style.fontSizeAdjust="1";
document.getElementById("Sample").innerHTML="The fontSizeAdjust property for the above text inside div is increased to 1";
}
</script>
</head>
<body>
<div class="one">This is demo text</div><br/>
<div id="demo1" class="one">This is demo text</div><br/>
<div class="two">This is demo text</div><br/>
<div id="demo2" class="two">This is demo text</div>
<p>Change the above div text fontSizeAdjust property by clicking the below button</p>
<button onclick="adjustFontSize()">Change fontSizeAdjust </button>
<p id="Sample"></p>
</body>
</html> 출력
"fontSizeAdjust 변경을 클릭하면 " 버튼 -
