DAFTAR LABEL POPULER PENELITIAN.ID

Jangan Buka Artikel Ini!

Mengatur Warna Teks Dekorasi HTML Menggunakan textDecorationColor Style DOM

Properti Style textDecorationColor DOM pada HTML merupakan properti yang digunakan untuk mengatur warna dari text-decoration seperti underlines, overlines, dan line-throughs. Properti textDecorationColor juga mengembalikan nilai dari warna text-decoration.

Sintak:
  • mengembalikan nilai properti textDecorationColor: object.style.textDecorationColor
  • mengatur nilai properti textDecorationColor: object.style.textDecorationColor = "color|initial|inherit"


3 Value Properti textDecorationColor Style DOM pada HTML
Properti textDecoration Style DOM

Property Values:
  • color: digunakan untuk menentukan warna dari text decoration.
  • initial: digunakan untuk mengatur nilai properti textDecorationColor ke nilai default-nya.
  • inherit: digunakan untuk menerima nilai turunan properti dari elemen parent.

Return Values: berfungsi untuk mengembalikan sebuah string yang merepresentasikan properti warna text-decoration.

Baca Juga:

Contoh:

<!DOCTYPE html>

<html>

 

<head>

 

<title>

Properti Style 

textDecorationColor DOM

</title>

 

<style>

#mkn1 

{text-decoration: underline;}

</style>

 

</head>

 

<body>

<center>

 

<h1 

style="color:green;

width:40%;">

Blog Elfan

</h1>

 

<h2>

Properti Style 

textDecorationColor DOM

</h2>

 

<p id="mkn1">

Merupakan portal ilmu 

komputer.

</p>

 

<button 

type="button" 

onclick="Bon1s()">

Chanege Decoration

</button>

 

<script>

function Bon1s() 

{

// Mengatur warna underline.

document.getElementById(

"mkn1").style.textDecorationColor =

"magenta";

}

</script>

 

</center>

</body>

 

</html>

Output:

Blog Elfan

Properti Style textDecorationColor DOM

Merupakan portal ilmu komputer.



Contoh:

<!DOCTYPE html>

<html>

 

<head>

 

<title>

Properti Style 

textDecorationColor DOM

</title>

 

<style>

#hoho1 

{text-decoration: underline;}

</style>

 

</head>

 

<body>

<center>

 

<h1 

style="color:green;

width:40%;">

Blog Elfan

</h1>

 

<h2>

Properti 

StylestextDecorationColor DOM

</h2>

 

<p id="hoho1">

Merupakan portal ilmu komputer

</p>

 

<button 

type="button" 

onclick="Bon1s()">

Chanege Decoration

</button>

 

<script>

function Bon1s() 

{

// Pengaturan warna teks 

// dokorasi.

document.getElementById(

"hoho1").style.textDecorationColor =

"green";

}

</script>

 

</center>

</body>

 

</html>

Output:

Blog Elfan

Properti StylestextDecorationColor DOM

Merupakan portal ilmu komputer


Komentar

  1. Jenis browser seperti apa saja yang dapat digunakan untuk mengaktifkan properti textDecorationColor Style DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti textDecorationColor Style DOM pada HTML:
      a) Google Chrome 57.0
      b) Firefox 36.0
      c) Opera 44.0
      d) Apple Safari 7.1

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

    BalasHapus
    Balasan
    1. Properti textDecorationColor Style DOM pada HTML merupakan properti yang digunakan untuk menentukan warna dekorasi pada teks seperti garis bawah, garis luar, dan garis batas.

      Hapus
    2. Properti textDecorationColor Style DOM pada HTML merupakan properti yang hanya akan berpengaruh pada elemen dengan dekorasi teks yang bernilai visible atau terlihat.

      Hapus

Posting Komentar

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 ~

Postingan populer dari blog ini (30 Hari)

Specifier %d dan %i Bahasa C dan Fungsinya

Enkapsulasi Java dan Fungsinya

4 Kesalahan Umum yang Sering Terjadi pada PTK

Cara Membuat Drag and Drop pada HTML

Postingan populer dari blog ini (All Time)

Enkapsulasi Java dan Fungsinya

Komunitas