Mengatur Batas Kiri Warna HTML Menggunakan borderLeftColor Style DOM
 |
| Ilustrasi borderLeftColor HTML |
- digunakan untuk mengembalikan nilai properti borderLeftColor: object.style.borderLeftColor
- digunakan untuk mengatur nilai properti borderLeftColor: object.style.borderLeftColor = "color|transparent|initial|inherit"
Return Value: digunakan untuk mengembalikan nilai warna dari left border elemen.
Property Values:
- color: menentukan warna border dari elemen yang berkoresponden, dengan nilai default-nya adalah warna Black.
- transparent: mengatur warna border dari elemen yang berkoresponden ke nilai transparent.
- initial: jika tidak terdapat nilai apapun yang ditentukan untuk suatu field, maka nilainya akan diturunkan dari nilai elemen parent. Jika pada nilai parent tidak terdapat nilai apapun yang diturunkan, berarti nilai tersebut adalah nilai root yang akan mengambil nilai initial (atau nilai default).
- inherit: berfungsi untuk menenrapkan nilai initial (atau nilai default) dari elemen sebuah properti ke elemen tertentu, dimana nilai initial yang ditentukan sebelumnya harus tidak menyebabkan kebingunan ketika penentuan nilai pada browser style sheet. Ketikan borderColor diatur ke nilai initial, maka akan memunculkan nilai warna black, yang sekaligus merupakan nilai warna default-nya.
Contoh:
<!DOCTYPE html>
<html>
<head>
<style>
#MMN1
{
width: 200px;
margin-left: 210px;
border: thick solid green;
}
</style>
</head>
<body
align="center">
<p>
Klik tombol untuk mengubah
warna border left dari
elemen.
</p>
<button
type="button"
onclick="myMNNs()">
Click to change
</button>
<br>
<br>
<div
id="MMN1">
Blog Elfan
</div>
<script>
function myMNNs()
{
document.getElementById("MMN1")
.style.borderLeftColor = "red";
}
</script>
</body>
</html>
Klik tombol untuk mengubah warna border left dari elemen.
Contoh:
<!DOCTYPE html>
<html>
<head>
<style>
#MKK2
{
width: 200px;
margin-left: 210px;
border: thick solid green;
}
</style>
</head>
<body
align="center">
<p>
Klik untuk mengubah warna
left border dari elemen.
</p>
<button
type="button"
onclick="myMKK2s()">
Click to change
</button>
<br>
<br>
<div
id="MKK2">
Blog Elfan
</div>
<script>
function myMKK2s()
{
document.getElementById("MKK2")
.style.borderLeftColor = "yellow";
}
</script>
</body>
</html>
Output:Klik untuk mengubah warna left border dari elemen.
Contoh:
<!DOCTYPE html>
<html>
<head>
<style>
#MKK3n
{
width: 200px;
margin-left: 210px;
border: thick solid green;
}
</style>
</head>
<body
align="center">
<p>
Klik tombol untuk mengubah
warna left border dari
elemen.
</p>
<button
type="button"
onclick="myMK3s()">
Click to change
</button>
<br>
<br>
<div
id="MKK3n">
Blog Elfan
</div>
<script>
function myMK3s()
{
document.getElementById("MKK3n")
.style.borderLeftColor = "transparent";
}
</script>
</body>
</html>
Klik tombol untuk mengubah warna left border dari elemen.
- 2 Contoh Penggunaan Tag Legend untuk Pendefinisian Title HTML [klik]
- 12 Nilai Properti borderRightStyle DOM pada HTML [klik]
- 6 Nilai Properti borderRightWidth Style DOM pada HTML [klik]
- 3 Value Properti borderSpacing Style DOM pada HTML [klik]
- 12 Value Properti borderStyle Style DOM pada HTML [klik]
- 5 Value Properti borderTop Style DOM pada HTML [klik]
- 3 Contoh Properti borderTopColor Style DOM pada HTML [klik]
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti borderLeftColor Style DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti borderLeftColor Style DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Mozilla firefox
4. Opera
5. Safari
Apa yang dimaksud dengan properti borderLeftColor Style DOM pada HTML?
BalasHapusProperti HTML DOM borderLeftColor digunakan untuk mengatur warna batas kiri elemen pada dokumen HTML.
HapusProperti HTML DOM borderLeftColor digunakan untuk menetapkan warna batas kiri dari suatu elemen, dimana hal ini menjelaskan nilai border-left-color, tetapi seringkali akan lebih mudah digunakan untuk memperbaiki warna kiri border sebagai bagian dari kumpulan steno, baik untuk border-left atau border-color.
Hapus