Latest web development tutorials

Properti HTML DOM Style fontSizeAdjust

Gaya Referensi Obyek gaya Objects

Definisi dan Penggunaan

fontSizeAdjust set properti atau mengembalikan nilai aspek Font teks.

Semua font memilikinilai aspek, perbedaan ukuran yang kecil "x" dan huruf "X" antara.

Ketika pertama pilih font tidak tersedia, properti fontSizeAdjust memberikan Anda kontrol lebih besar atas ukuran font. Ketika font tidak tersedia, browser kedua menggunakan font yang ditentukan. Hal ini dapat menyebabkan perubahan ukuran font. Untuk mencegah hal ini, gunakan properti.

Ketika browser tahu bahwa aspek pilihan pertama dari font, browser dapat dihitung dengan menggunakan kedua untuk memilih font untuk digunakan saat menampilkan ukuran font teks.

tatabahasa

Pengaturan properti fontSizeAdjust:

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

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


Dukungan Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Hanya Firefox mendukung properti fontSizeAdjust.


contoh

contoh

Menyesuaikan ukuran font:

<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Tutorial ini (w3big.com) </ title>
<Script>
Fungsi displayResult () {
document.getElementById ( "p1") style.fontSizeAdjust = "0.58" .;
}
</ Script>
</ Kepala>
<Body>

<P id = "p1"> Ini adalah beberapa teks </ p>
Situs
<Tombol type = "button" onclick = "displayResult ()"> Sesuaikan ukuran font </ button>

</ Body>
</ Html>

Coba »


Gaya Referensi Obyek gaya Objects