Lompat ke konten Lompat ke sidebar Lompat ke footer

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, Mengatur Variasi Huruf HTML Menggunakan fontVariant Style DOM, dan Mengatur Gaya Huruf HTML Menggunakan fontStyle DOM.

Catatan: Value aspect merupakan nilai perbedaan ukuran diantara huruf "x" lowercase dan huruf "X" uppercase.

Sintak:
  • 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


Artikel ini didedikasikan kepada: Anindya Dian Putriani, Anisa Fitri Hanita, Annisa Nurisandi, Annisathina Hermy Utami, dan Anugrahaning Dyah Safitri.

5 komentar untuk "Mengatur Ukuran Huruf HTML Menggunakan fontSizeAdjust Style DOM"

  1. Jenis browser apa saja yang dapat digunakan oleh pengembang untuk mengaktifkan properti fontSizeAdjust Style DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut adalah salah satu jenis browser populer yang dapat digunakan oleh pengembang untuk mengaktifkan properti fontSizeAdjust Style DOM pada HTML:
      1. Mozilla Firefox

      Hapus
  2. Apa yang dimaksud dengan properti fontSizeAdjust Style DOM pada HTML?

    BalasHapus
    Balasan
    1. Properti 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".

      Hapus
    2. Properti fontSizeAdjust memberikan user kemampuan untuk mengontrol ukuran font yang lebih baik saat font yang dipilih pertama tidak tersedia.

      Ketika 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.

      Hapus

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -