HTML DOM 스타일 fontSizeAdjust 속성
정의 및 사용
속성 세트를 fontSizeAdjust하거나 텍스트 글꼴 가로 세로 값을 반환합니다.
모든 글꼴은가로 세로 값 사이에 "X"와 대문자 "X"소문자 크기의 차이가 있습니다.
때 먼저 글꼴을 선택하면 fontSizeAdjust 속성이 당신에게 글꼴 크기를 더 제어 할 수 있습니다 사용할 수 없습니다. 글꼴을 사용할 수없는 경우, 두 번째 브라우저는 지정된 글꼴을 사용. 이 글꼴 크기의 변화가 발생할 수 있습니다. 이를 방지하기 위해 속성을 사용합니다.
브라우저는 폰트의 첫번째 선택 양태는, 브라우저를 문자 폰트 크기를 표시 할 때 사용하는 폰트를 선택하는 제를 사용하여 계산 될 수 있음을 알게되면.
문법
fontSizeAdjust 속성 설정 :
Object.style.fontSizeAdjust="none|value|inherit"
위로 fontSizeAdjust 속성 :
Object.style.fontSizeAdjust
值 | 描述 |
---|---|
none | 默认。不要保留第一选择字体的 x-height。 |
value | 保留第一选择字体的 x-height,并计算字体的 aspect 值比率。 使用的公式:首选字体的字体尺寸 * (第一选择字体的 aspect 值 / 可用字体的 aspect 值) = 可用字体的字体尺寸 实例:如果 14px 的 Verdana(aspect 值是 0.58)不可用,但是某个可用的字体(Times New Roman)的 aspect 值是 0.46,那么替代字体的尺寸将是 14*(0.58/0.46) = 17.65px。 |
inherit | fontSizeAdjust 属性的值从父元素继承。 |
브라우저 지원
만 파이어 폭스는 fontSizeAdjust 속성을 지원합니다.
예
예
글꼴 크기를 조정 :
<! DOCTYPE html로>
<HTML>
<헤드>
<메타 문자 집합 = "UTF-8">
<제목>이 튜토리얼 (w3big.com) </ 제목>
<스크립트>
displayResult 함수 () {
중요 document.getElementById ( "P1") style.fontSizeAdjust = "0.58";
}
</ 스크립트>
</ 헤드>
<바디>
<P = "P1"ID>이 텍스트는 </ P>
로 <br>
<버튼 유형 = "버튼"onclick을 = "displayResult ()"> 글꼴 크기를 조정 </ 버튼>
</ BODY>
</ HTML>
<HTML>
<헤드>
<메타 문자 집합 = "UTF-8">
<제목>이 튜토리얼 (w3big.com) </ 제목>
<스크립트>
displayResult 함수 () {
중요 document.getElementById ( "P1") style.fontSizeAdjust = "0.58";
}
</ 스크립트>
</ 헤드>
<바디>
<P = "P1"ID>이 텍스트는 </ P>
로 <br>
<버튼 유형 = "버튼"onclick을 = "displayResult ()"> 글꼴 크기를 조정 </ 버튼>
</ BODY>
</ HTML>
»시도
스타일 개체