当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


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。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。