属性 CSS font-size-adjust
- halaman sebelumnya font-size
- Halaman Berikutnya font-stretch
Pengartian dan Penggunaan
aturan font-size-adjust mensyarahkan nilai aspect bagi sebarang elemen, supaya boleh mempertahankan x-height font utama.
Keterangan
Tinggi huruf kecil 'x' dengan tinggi font-size disebut nilai aspect font. Saat font memiliki nilai aspect yang tinggi, font ini lebih mudah dibaca saat diatur ukuran yang kecil. Contoh: Nilai aspect Verdana adalah 0.58 (berarti saat ukuran font adalah 100px, tinggi x-height adalah 58px). Nilai aspect Times New Roman adalah 0.46. Ini berarti Verdana lebih mudah dibaca saat diukur ke ukuran kecil daripada Times New Roman.
Lihat juga:
Panduan Tutorial CSS:Font CSS
Panduan Referensi CSS:属性 CSS font
Panduan Referensi DOM HTML:Atribut fontSizeAdjust
Contoh
Atur atribut font-size-adjust untuk elemen HTML yang berbeda:
h1 { font-size-adjust:0.58; } p { font-size-adjust:0.60; }
CSS 语法
font-size-adjust: number|none|initial|inherit;
Nilai atribut
Nilai | Deskripsi |
---|---|
tanpa | Standar. Jika font ini tidak tersedia, maka ukuran x-height font ini tidak dijaga. |
number |
Definisi rasio nilai aspect font. Formula yang dapat digunakan:Ukuran font jenis pilihan * (nilai font-size-adjust / nilai aspect font yang tersedia) = ukuran font yang dapat diterapkan ke font yang tersedia Contoh:Jika 14px Verdana (nilai aspect adalah 0.58) tidak tersedia, tetapi font yang tersedia memiliki nilai aspect 0.46, maka ukuran font alternatif akan menjadi 14 * (0.58/0.46) = 17.65px. |
Detil teknologi
Nilai standar: | tanpa |
---|---|
Inheritsi: | ya |
Versi: | CSS2 |
语法 JavaScript: | object.style.fontSizeAdjust="0.70" |
Contoh TIY
- Menggunakan font-size-adjust untuk mengatur ukuran font
- Contoh ini menunjukkan bagaimana untuk menggunakan font-size-adjust untuk mengatur ukuran font.
Dukungan pereksa
Angka di dalam tabel menunjukkan versi pereksa pertama yang sepenuhnya mendukung atribut ini.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
tidak disokong | tidak disokong | 3.0 | tidak disokong | tidak disokong |
- halaman sebelumnya font-size
- Halaman Berikutnya font-stretch