Latest web development tutorials

propriété HTML DOM style fontSizeAdjust

Style de Object Reference style Objets

Définition et utilisation

fontSizeAdjust ensembles de propriétés ou renvoie la valeur d'aspect de la police du texte.

Toutes les polices ont lavaleur d'aspect, la différence de taille qui est minuscule "x" majuscule "X" entre les deux.

Lorsque la première sélection de la police ne sont pas disponibles, la propriété fontSizeAdjust vous donne plus de contrôle sur la taille de la police. Lorsqu'une police ne sont pas disponibles, un deuxième navigateur utilise la police spécifiée. Cela peut conduire à des changements dans la taille. Pour éviter cela, utilisez la propriété.

Lorsque le navigateur sait que le premier aspect de choix de la police, le navigateur peut être calculée en utilisant la seconde pour sélectionner la police à utiliser lors de l'affichage de la police de la taille du texte.

grammaire

Définition des propriétés fontSizeAdjust:

Object.style.fontSizeAdjust="none|value|inherit"

Retour fontSizeAdjust propriétés:

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 属性的值从父元素继承。


support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Seul Firefox supporte la propriété fontSizeAdjust.


Exemples

Exemples

Ajuster la taille du texte:

<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Titre> Ce tutoriel (w3big.com) </ title>
<Script>
fonction displayResult () {
document.getElementById ( "p1") style.fontSizeAdjust = "0.58" .;
}
</ Script>
</ Head>
<Body>

<P id = "p1"> Ceci est un texte </ p>
<br>
<Bouton type = "button" onclick = "displayResult ()"> Ajuster la taille </ button>

</ Body>
</ Html>

Essayez »


Style de Object Reference style Objets