Latest web development tutorials

HTML-DOM Stil fontSizeAdjust Eigenschaft

Style-Objekt Referenz Style - Objekte

Definition und Verwendung

fontSizeAdjust Eigenschaftssätze oder gibt den Aspekt Wert Text Schriftart.

Alle Schriften haben denAspekt Wert, dass der Unterschied in der Größe kleines "x" und großes "X" zwischen.

Wenn der erste die Schriftart nicht verfügbar ist, fontSizeAdjust Eigenschaft, die Sie mehr Kontrolle über die Schriftgröße gibt. Wenn eine Schriftart nicht verfügbar ist, mit einem zweiten Browser das angegebene Schriftart. Dies kann zu Änderungen in der Schriftgröße führen. Um dies zu verhindern, verwenden Sie die Eigenschaft.

Wenn der Browser wissen, dass die erste Wahl Aspekt der Schriftart, kann der Browser zu verwenden, um die Schriftart zu wählen Sie die zweite berechnet werden, wenn der Text Schriftgröße angezeigt wird.

Grammatik

Einstellen fontSizeAdjust Eigenschaften:

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

Zurück fontSizeAdjust Eigenschaften:

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


Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Nur unterstützt Firefox fontSizeAdjust Eigenschaft.


Beispiele

Beispiele

Schriftgröße anpassen:

<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "UTF-8">
<Titel> Dieses Tutorial (w3big.com) </ title>
<Script>
Funktion displayResult () {
document.getElementById ( "P1") style.fontSizeAdjust = "0.58" .;
}
</ Script>
</ Head>
<Body>

<P id = "p1"> Dies ist ein Text </ p>
<br>
<Taste type = "button" Onclick = "displayResult ()"> Schriftgröße anpassen </ button>

</ Body>
</ Html>

Versuchen »


Style-Objekt Referenz Style - Objekte