Latest web development tutorials

Obiekt HTML DOM Style fontSizeAdjust

Styl Object Reference styl Przedmioty

Definicja i Wykorzystanie

fontSizeAdjust zestawy własności lub zwraca wartość kształtu czcionki tekstu.

Wszystkie czcionki mająwartość aspekcie różnicy w wielkości, które są małe "x", a wielkie litery "X" między nimi.

Kiedy pierwszy wybrać czcionkę nie jest dostępne, nieruchomości fontSizeAdjust daje większą kontrolę nad rozmiarem czcionki. Jeżeli czcionka nie jest dostępna, druga przeglądarka za pomocą określonej czcionki. Może to prowadzić do zmian rozmiaru czcionki. Aby temu zapobiec, należy użyć właściwości.

Gdy przeglądarka wie, że pierwszy aspekt wybór czcionki, przeglądarka może być obliczona za pomocą drugiego, aby wybrać czcionkę używaną podczas wyświetlania rozmiaru czcionki tekstu.

gramatyka

Ustawianie właściwości fontSizeAdjust:

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

Powrót właściwości fontSizeAdjust:

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


Pomoc Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Tylko Firefox obsługuje właściwość fontSizeAdjust.


Przykłady

Przykłady

Dostosuj rozmiar czcionki:

<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Ten poradnik (w3big.com) </ title>
<Script>
Funkcja displayResult () {
document.getElementById ( "P1") style.fontSizeAdjust = "0.58" .;
}
</ Script>
</ Head>
<Body>

<P id = "p1"> To jest tekst </ p>
Największa
<Type = "button" button onclick = "displayResult ()"> Dostosuj rozmiar czcionki </ button>

</ Body>
</ Html>

Spróbuj »


Styl Object Reference styl Przedmioty