免費(fèi)AI編程助手
Style fontSizeAdjust 屬性
Style 對(duì)象
定義和用法
fontSizeAdjust 屬性設(shè)置或返回文本的字體 aspect 值。
所有字體都有 aspect 值，即小寫(xiě)字母 "x" 和大寫(xiě)字母 "X" 之間的尺寸差異。
當(dāng)?shù)谝贿x擇字體不可用時(shí)，fontSizeAdjust 屬性讓您更好地控制字體尺寸。當(dāng)某種字體不可用時(shí)，瀏覽器使用指定的第二種字體。這可能會(huì)導(dǎo)致字體尺寸的改變。為了防止這種情況，請(qǐng)使用該屬性。
當(dāng)瀏覽器知道第一選擇字體的 aspect 值時(shí)，瀏覽器可以計(jì)算出使用第二選擇字體顯示文本時(shí)要使用的字體尺寸。
語(yǔ)法
設(shè)置 fontSizeAdjust 屬性：
Object.style.fontSizeAdjust="none|value|inherit"
返回 fontSizeAdjust 屬性：
Object.style.fontSizeAdjust
| 值 | 描述 |
|---|---|
| none | 默認(rèn)。不要保留第一選擇字體的 x-height。 |
| value | 保留第一選擇字體的 x-height，并計(jì)算字體的 aspect 值比率。 使用的公式：首選字體的字體尺寸 * (第一選擇字體的 aspect 值 / 可用字體的 aspect 值) = 可用字體的字體尺寸 實(shí)例：如果 14px 的 Verdana（aspect 值是 0.58）不可用，但是某個(gè)可用的字體（Times New Roman）的 aspect 值是 0.46，那么替代字體的尺寸將是 14*(0.58/0.46) = 17.65px。 |
| inherit | fontSizeAdjust 屬性的值從父元素繼承。 |
瀏覽器支持
只有 Firefox 支持 fontSizeAdjust 屬性。
實(shí)例
實(shí)例
調(diào)整字體尺寸：
<html>
<head>
<script>
function displayResult()
{
document.getElementById("p1").style.fontSizeAdjust="0.58";
}
</script>
</head>
<body>
<p id="p1">This is some text.</p>
<br>
<button type="button" onclick="displayResult()">Adjust font size</button>
</body>
</html>
<head>
<script>
function displayResult()
{
document.getElementById("p1").style.fontSizeAdjust="0.58";
}
</script>
</head>
<body>
<p id="p1">This is some text.</p>
<br>
<button type="button" onclick="displayResult()">Adjust font size</button>
</body>
</html>
嘗試一下 ?
Style 對(duì)象
更多建議：