Mengatur Ukuran Huruf HTML Menggunakan fontSizeAdjust Style DOM
Properti fontSizeAdjust Style DOM pada HTML digunakan untuk mengendalikan ukuran font secara lebih baik jika pilihan pertama dari font yang dipilih tidak tersedia. Properti fontSizeAdjust digunakan untuk mengatur atau mengembalikan nilai aspect font dari suatu teks pada dokumen html.
Sebelum memahami lebih dalam materi tentang Mengatur Ukuran Huruf HTML Menggunakan fontSizeAdjust Style DOM, terlebih dahulu pelajari materi tentang: Mengatur Ketebalan Huruf HTML Menggunakan fontWeight Style DOM [klik], Mengatur Variasi Huruf HTML Menggunakan fontVariant Style DOM [klik], dan Mengatur Gaya Huruf HTML Menggunakan fontStyle DOM [klik].
Catatan: Value aspect merupakan nilai perbedaan ukuran diantara huruf "x" lowercase dan huruf "X" uppercase.
Sintak:
Property Values:
 |
| Properti fontSizeAdjust Style DOM |
Catatan: Value aspect merupakan nilai perbedaan ukuran diantara huruf "x" lowercase dan huruf "X" uppercase.
- digunakan untuk mengatur nilai properti fontSizeAdjust: object.style.fontSizeAdjust = "none|initial|number|inherit"
- digunakan untuk mendapatkan nilai properti fontSizeAdjust: object.style.fontSizeAdjust
Property Values:
- none: digunakan untuk mengatur font ke nilai none, dan merupakan nilai default dari properti fontSizeAdjust.
- number: digunakan untuk melakukan kalkulasi dan preservasi nilai aspect dari list pertama font dalam nilai properti font-family. Nilai ini juga digunakan untuk persamaan matematis f*(af/as)=s dimana "f" merukanan sebuah ukuran font dari pilihan pertama, dan "af" merupakan nilai aspect dari pilihan pertama tersebut, "as" merupakan nilai aspect dari font yang tersedia, dan "s" merupakan ukuran yang digunakan dari font yang tersedia.
- initial: digunakan untuk mengatur ukuran properti ke nilai default.
- inherit: digunakan untuk mengatur ukuran properti dari turunan yang berasal dari elemen parent.
Baca Juga:
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style fontSizeAdjust
DOM HTML
</title>
</head>
<body>
<p id="change">
Properti fontSizeAdjust DOM
HTML
</p>
<button
type="button"
onclick="myFunction()">
change
</button>
<script>
function myFunction()
{
document.getElementById(
"change").style.fontSizeAdjust =
"0.76";
}
</script>
</body>
</html>
Output:
Properti fontSizeAdjust DOM HTML
Referensi Tambahan:
- 4 Value Properti letterSpacing Style DOM pada HTML [klik]
- 6 Value Properti lineHeight Style DOM pada HTML [klik]
- 5 Value Properti listStyle DOM pada HTML [klik]
- 4 Value Properti listStyleImage Style DOM pada HTML [klik]
- 4 Value Properti listStylePosition Style DOM pada HTML [klik]
- 5 Value Properti listStyleType DOM pada HTML [klik]
- 5 Value Properti Margin Style DOM pada HTML [klik]
Artikel ini didedikasikan kepada: Anindya Dian Putriani, Anisa Fitri Hanita, Annisa Nurisandi, Annisathina Hermy Utami, dan Anugrahaning Dyah Safitri.
Jenis browser apa saja yang dapat digunakan oleh pengembang untuk mengaktifkan properti fontSizeAdjust Style DOM pada HTML?
BalasHapusBerikut adalah salah satu jenis browser populer yang dapat digunakan oleh pengembang untuk mengaktifkan properti fontSizeAdjust Style DOM pada HTML:
Hapus1. Mozilla Firefox
Apa yang dimaksud dengan properti fontSizeAdjust Style DOM pada HTML?
BalasHapusProperti fontSizeAdjust Style DOM pada HTML merupakan properti yang digunakan untuk mengatur atau mengembalikan nilai aspek font dari suatu teks, dimana semua font memiliki nilai aspek yang merupakan perbedaan ukuran antara huruf kecil "x" dan huruf besar "X".
HapusProperti fontSizeAdjust memberikan user kemampuan untuk mengontrol ukuran font yang lebih baik saat font yang dipilih pertama tidak tersedia.
HapusKetika font tidak tersedia, browser akan menggunakan font kedua yang telah ditentukan sebelumnya, dimana hal ini dapat mengakibatkan perubahan besar untuk ukuran font yang digunakan. Untuk mencegah agar hal tersebut tidak terjadi, maka digunakan properti fontSizeAdjust.