HTML Style fontSizeAdjust用法及代碼示例

如果字體的第一選擇不可用，則fontSizeAdjust屬性可以更好地控製字體大小。它設置或返回文本的字體縱橫比值。寬高比是小寫字母“x”和大寫字母“X”之間的大小差。

用法:

設置fontSizeAdjust屬性

object.style.fontSizeAdjust = "none|initial|number|inherit"

獲取fontSizeAdjust屬性
```
object.style.fontSizeAdjust
```

屬性值：

none:大小設置為默認值。沒有變化發生。
number:在屬性font-family的值中計算並保留第一個列出的字體的外觀值。此值用在方程式f *(af /as)= s中，其中“f”是首選字體大小，“af”是首選字體的寬高比，“as”是可用字體的字體寬高比，“s”是大小以使用可用字體。
initial:大小設置為默認值。
inherit:大小是從其父元素繼承的。

例：

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        HTML | DOM Style fontSizeAdjust Property 
    </title> 
</head> 
  
<body> 
  
    <p id="change"> 
      HTML| DOM fontSizeAdjust property 
    </p> 
  
    <button type="button" onclick="myFunction()"> 
        change 
    </button> 
  
    <script> 
        function myFunction() { 
  
            //  Adjust font size. 
            document.getElementById( 
                    "change").style.fontSizeAdjust = 
                                                "0.76"; 
        } 
    </script> 
  
</body> 
  
</html>

輸出：
在單擊按鈕之前：

單擊按鈕後：

支持的瀏覽器：HTML |下麵列出了DOM樣式的fontSizeAdjust屬性：

火狐瀏覽器

相關用法

注：本文由純淨天空篩選整理自AkshayGulati大神的英文原創作品 HTML | DOM Style fontSizeAdjust Property。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。