Pengaturan Warna Teks HTML Menggunakan Color Style DOM
 |
| Ilustrasi Properti Color Style |
- digunakan untuk mengatur warna properti: object.style.color
- digunakan untuk mengembalikan nilai warna properti: object.style.color = "color|initial|inherit"
Return Values: berfungsi untuk mengembalikan sebuah nilai string yang merepresentasikan sebuah text-color dari suatu elemen.
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style color DOM
</title>
</head>
<body
style="text-align:center">
<h1 id="gBonn1">
Blog Elfan
</h1>
<h2 id="gBonn2">
Properti Style color DOM
</h2>
<p
id="gBonn3">
Blog TIK merupakan portal ilmu
komputer.
</p>
<button
type="button"
onclick="gBonn()">
Submit
</button>
<script>
function gBonn()
{
document.getElementById("gBonn1").style.color
= "green";
document.getElementById("gBonn2").style.color
= "black";
document.getElementById("gBonn3").style.color
= "blue";
}
</script>
</body>
</html>
Output:Blog Elfan
Properti Style color DOM
Blog TIK merupakan portal ilmu komputer.
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style color DOM
</title>
</head>
<body
style = "text-align:center">
<h1
style = "color:green;"
id = "MMM">
Blog Elfan
</h1>
<h2>
Properti Style color DOM
</h2>
<button
type = "button"
onclick = "BOnns()">
Submit
</button>
<script>
function BOnns()
{
alert(document.getElementById("MMM").style.color);
}
</script>
</body>
</html>
Blog Elfan
Properti Style color DOM
- 3 Value Properti columnRuleColor Style DOM pada HTML [klik]
- 12 Value Properti columnRuleStyle DOM pada HTML [klik]
- 6 Value Properti columnRuleWidth Style DOM pada HTML [klik]
- 5 Value Properti columns Style DOM pada HTML [klik]
- 4 Value Properti columnSpan Style DOM pada HTML [klik]
- 4 Value Properti counterIncrement Style DOM pada HTML [klik]
- 5 Value Properti counterReset Style DOM pada HTML [klik]
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti style Color DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti style Color DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Apple Safari
Berikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti color style DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Apple Safari
Apa yang dimaksud dengan properti color Style DOM pada HTML?
BalasHapusProperti Color Style DOM HTML digunakan untuk mendapatkan atau mengatur warna dari suatu teks. Warna untuk dapat ditentukan dalam nilai hexadesimal, rgb, rgba, hsl, hsla, atau menggunakan bentuk kata kunci warna yang telah dikenal.
HapusSemakin banyak jenis warna teks yang digunakan, maka tampilan web juga akan semakin menarik atau juga semakin buruk.
Hapus