Lompat ke konten Lompat ke sidebar Lompat ke footer

Mengatur Gaya Huruf HTML Menggunakan fontStyle DOM

Properti fontStyle Style DOM pada HTML merupakan properti yang digunakan untuk mengatur atau mendapatkan nilai font style dari elemen dinamis.

Sebelum memahami lebih dalam materi tentang Mengatur Gaya Huruf HTML Menggunakan fontStyle DOM, terlebih dahulu pelajari materi tentang: Mengatur Ukuran Huruf HTMl Menggunakan fontSize Style DOM [klik], Mengatur Jenis Huruf HTML Menggunakan fontFamily Style DOM [klik], dan Mengatur Gaya Huruf HTML Menggunakan Font Style DOM [klik].

Sintak:
  • digunakan untuk mengatur nilai properti fontStyle: object.style.fontStyle = normal|italic|oblique|initial|inherit;
  • digunakan untuk mendapatkan nilai properti fontStyle: object.style.height

Property Values: normal, italic, oblique, initial, dan inherit.

Return Values: String yang memberikan nilai fontStyle dari suatu elemen.

Baca Juga:

Contoh:

<!DOCTYPE html>

<html>

 

<head>

 

<title>

Properti Style fontStyle DOM 

pada HTML

</title>

 

<style>

#mmn1 

{

color: green;

font-size: 100px;

font-style: normal;

}

</style>

 

</head>

 

<body>

<center>

 

<button 

onclick="changeStyle()">

Click to change style

</button>

 

<!-- Script untuk mengubah 

fontStyle -->

<script>

function changeStyle() 

{

document.getElementById("mmn1").style.fontStyle

= "italic";

}

</script>

 

<

id="mmn1">

Blog Elfan

</p>

 

</center>

</body>

 

</html>

Output:

Blog Elfan



Contoh:

<!DOCTYPE html>

<html>

 

<head>

 

<title>

Properti Style fontStyle DOM 

pada HTML

</title>

 

<style>

#mnn2 

{

color: green;

font-size: 50px;

font-style: normal;

}

</style>

 

</head>

 

<body>

<center>

 

<br>

 

<button 

onclick="changeStyle()">

Click to change style

</button>

 

<br />

<br />

 

<!-- Script untuk mengubah 

fontStyle -->

<script>

function changeStyle() 

{

document.getElementById("mnn2").style.fontStyle

= "oblique";

}

</script>

 

<div 

id="mnn2">

Properti fontStyle DOM HTML

</div>

 

</center>

</body>

 

</html>

Output:



Properti fontStyle DOM HTML

Artikel ini didedikasikan kepada: Alvina Nur A'Isyah, Alya Fitriana Rosita, Amnatulaina Harissaputri, Anindya Dian Putriani, dan Anisa Fitri Hanita.

5 komentar untuk "Mengatur Gaya Huruf HTML Menggunakan fontStyle DOM"

  1. Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti fontStyle DOM pada dokumen HTML?

    BalasHapus
    Balasan
    1. Berikut ini adalah beberapa jenis browser populer yang dapat digunakan untuk mengaktifkan properti fontStyle DOM pada dokumen HTML:
      1. Google Chrome 1.0
      2. Internet Explorer atau Edge 4.0
      3. Firefox 1.0
      4. Opera 7.0
      5. Safari 1.0

      Hapus
  2. Apa yang dimaksud dengan fontStyle DOM pada HTML?

    BalasHapus
    Balasan
    1. Properti fontStyle menetapkan atau mengembalikan apakah gaya font normal, miring, atau miring.

      Hapus
    2. Properti fontStyle Style DOM pada HTML merupakan properti yang digunakan untuk mengatur atau mengembalikan style font teks.

      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 -