Atribut font-size-adjust CSS
- halaman sebelumnya font-size
- Halaman Berikutnya font-stretch
Definisi dan penggunaan
Atribut font-size-adjust menentukan nilai aspect bagi elemen yang berarti dapat mempertahankan x-height font yang dipilih.
Keterangan
Tinggi huruf kecil "x" dan tinggi ukuran font disebut nilai aspect font. Saat font memiliki nilai aspect yang tinggi, saat font ini diatur dalam ukuran yang kecil, maka font ini akan mudah dibaca. 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 diatur dalam ukuran kecil dibandingkan dengan Times New Roman.
Lihat pula:
Panduan Tutorial CSS:Font CSS
Panduan Referensi CSS:Atribut font CSS
Panduan Referensi HTML DOM:Atribut fontSizeAdjust
Contoh
Atur properti font-size-adjust untuk elemen HTML yang berbeda:
h1 { font-size-adjust:0.58; } p { font-size-adjust:0.60; }
Syntaks CSS
font-size-adjust: number|none|initial|inherit;
Nilai atribut
Nilai | Deskripsi |
---|---|
none | Standar. Jika font ini tidak tersedia, maka tidak mempertahankan x-height font ini. |
number |
Definisi proporsi nilai aspect font. Formulasi yang dapat digunakan:Ukuran font font jenis yang dipilih * (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 teknis
Nilai standar: | none |
---|---|
Inheritance: | yes |
Versi: | CSS2 |
Syntaks JavaScript: | object.style.fontSizeAdjust="0.70" |
Contoh TIY
- Menggunakan font-size-adjust untuk mengatur ukuran font
- Contoh ini menunjukkan bagaimana menggunakan font-size-adjust untuk mengatur ukuran font.
Dukungan browser
angka di tabel menunjukkan versi pertama browser yang mendukung properti ini penuh.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
tidak didukung | tidak didukung | 3.0 | tidak didukung | tidak didukung |
- halaman sebelumnya font-size
- Halaman Berikutnya font-stretch