Pinned

Home / html / Mengatur Gaya Huruf HTML Menggunakan fontStyle DOM

Mengatur Gaya Huruf HTML Menggunakan fontStyle DOM

7/10/2022 08:53:00 PM
Properti fontStyle Style DOM pada HTML merupakan properti yang digunakan untuk mengatur atau mendapatkan nilai font style dari elemen dinamis.


5 Value Properti fontStyle DOM pada HTML
Properti fontStyle DOM

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>

 

<p 

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:

  1. AnonimMinggu, 10 Juli 2022 pukul 20.55.00 WIB

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

    BalasHapus
    Balasan
    1. AnonimMinggu, 10 Juli 2022 pukul 20.56.00 WIB

      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. AnonimSelasa, 09 Agustus 2022 pukul 22.33.00 WIB

    Apa yang dimaksud dengan fontStyle DOM pada HTML?

    BalasHapus
    Balasan
    1. AnonimSelasa, 09 Agustus 2022 pukul 22.33.00 WIB

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

      Hapus
    2. AnonimSelasa, 09 Agustus 2022 pukul 22.34.00 WIB

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

      Hapus

Hubungi admin melalui Wa : +62-896-2514-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 come from small things -

Langganan: Posting Komentar ( Atom )