Mengatur Warna Batas Bawah HTML borderBottomColor DOM
 |
| Ilustrasi borderBottomColor HTML |
- digunakan untuk mengembalikan nilai properti borderBottomColor: object.style.borderBottomColor
- digunakan untuk mengatur properti borderBottomColor: object.style.borderBottomColor = "color|transparent|initial|inherit"
Property Values:
- color: digunakan untuk menentukan border bottom dari elemen koresponden, dengan warna default-nya dalah black.
- transparent: digunakan untuk mengatur warna border bottom dari elemen koresponden ke transparan.
- initial: digunakan untuk mengatur properti borderBottomColor ke nilai default-nya.
- Inherit: digunakan untuk menerima nilai turunan dari elemen parent-nya.
Return Values: digunakan untuk mengembalikan nilai sebuath string yang merepresentasikan warna dari border bottom dari suatu elemen.
Contoh: mengubah warna border bottom menjadi black.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style
borderBottomColor
</title>
<style>
#MNN_Div
{
width: 400px;
margin-left: 210px;
border: thick solid green;
}
</style>
</head>
<body
align="center">
<div
id="MNN_Div">
<h1>
Blog Elfan
</h1>
<h2>
Properti Style
borderBottomColor DOM
</h2>
<p>
Klik tombol untuk mengubah
warna border bottom dari suatu
elemen.
</p>
</div>
<br>
<button
type="button"
onclick="myDons()">
Click to change
</button>
<!-- Script untuk menggunakan
Properti Style
borderBottomColor -->
<script>
function myDons()
{
document.getElementById("MNN_Div")
.style.borderBottomColor = "blue";
}
</script>
</body>
</html>
Output:Blog Elfan
Properti Style borderBottomColor DOM
Klik tombol untuk mengubah warna border bottom dari suatu elemen.
Contoh: mengubah warna border bottom menjadi nilai transparent.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style
borderBottomColor
</title>
<style>
#MKK2_Div
{
width: 400px;
margin-left: 210px;
border: thick solid green;}
</style>
</head>
<body
align="center">
<div
id="MKK2_Div">
<h1>
Blog Elfan
</h1>
<h2>
Properti Style
borderBottomColor DOM
</h2>
<p>
Klik tombol untuk mengubah
warna border bottom dari suatu
elemen.
</p>
</div>
<br>
<button
type="button"
onclick="myDnn2s()">
Click to change
</button>
<!-- Script untuk menggunakan
properti Style
borderBottomColor -->
<script>
function myDnn2s()
{
document.getElementById("MKK2_Div")
.style.borderBottomColor = "transparent";
}
</script>
</body>
</html>
Output:Blog Elfan
Properti Style borderBottomColor DOM
Klik tombol untuk mengubah warna border bottom dari suatu elemen.
- 4 Value Properti Style borderCollapse DOM pada HTML [klik]
- 4 Value Properti borderColor Style DOM pada HTML [klik]
- 7 Value Properti borderImage Style DOM pada HTML [klik]
- 5 Contoh Penggunaan Properti borderImageOutset Style DOM pada HTML [klik]
- 4 Contoh Penggunaan Properti borderImageRepeat Style DOM pada HTML [klik]
- 5 Contoh Properti borderImageSlice Style DOM pada HTML [klik]
- 4 Contoh Properti borderImageSource Style DOM pada HTML [klik]
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti borderBottomColor Style DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti borderBottomColor Style DOM pada HTML:
Hapus1. Google Chrome 1.0
2. Internet Explorer 4.0
3. Firefox 1.0
4. Opera 3.5
5. Safari 1.0
Apa yang dimaksud dengan properti borderBottomcolor Style DOM pada HTML?
BalasHapusProperti borderBottomColor Style DOM pada HTMl merupakan properti yang digunakan untuk mengembalikan atau mengatur nilai warna batas bawah dari suatu elemen pada html.
HapusProperti borderBottomColor Style DOM pada HTMl merupakan properti yang digunakan untuk mengatur dan mendapatkan warna batas bawah dari suatu elemen HTML.
Hapus