Mengatur Batas Bawah HTML Menggunakan borderBottom Style DOM
 |
| Ilustrasi borderBottom HTML |
- berfungsi untuk mengembalikan nilai properti borderBottom: object.style.borderBottom
- berfungsi untuk mengatur properti borderBottom: object.style.borderBottom = "width style color|initial|inherit"
Parameter:
- width: menampung ukuran lebar dari border bottom.
- style: mengatur style border bottom.
- color: mengatur warna dari border bottom.
- initial: mengatur properti kenilai default.
- inherit: menerima turunan properti dari elemen parent.
Return Value: berfungsi untuk mengembalikan nilai sebuah string yang merepresentasikan nilai lebar, style dan atau warna dari border bottom dari suatu elemen.
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style borderBottom
DOM
</title>
</head>
<body>
<center>
<h1
style = "color:green;width:50%;"
id = "sudo">
Blog Elfan
</h1>
<h2>
Properti Style borderBottom
DOM
</h2>
<br>
<button
type = "button"
onclick = "BOns()">
Submit
</button>
<script>
function BOns()
{
document.getElementById("sudo").style.borderBottom
= "thick solid green";
}
</script>
</center>
</body>
</html>
Output:Blog Elfan
Properti Style borderBottom DOM
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style borderBottom
DOM
</title>
</head>
<body>
<center>
<h1
style = "color:green;">
Blog Elfan
</h1>
<h2>
Properti Style borderBottom
DOM
</h2>
<h3
style = "border:2px solid red;width:50%;"
id = "sudo">
Blog TIK
</h3>
<br>
<button
type = "button"
onclick = "Dnns()">
Submit
</button>
<script>
function Dnns()
{
document.getElementById("sudo").style.borderBottom
= "thick dotted green";
}
</script>
</center>
</body>
</html>
Output:Blog Elfan
Properti Style borderBottom DOM
Blog TIK
- 6 Value Properti borderBottomWidth Style DOM pada HTML [klik]
- 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]
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti borderBottom Style DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti borderBottom 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 fungsi dari properti borderBottom Style DOM pada HTML?
BalasHapusProperti borderBottom Style DOM pada HTML digunakan untuk mengatur atau mengembalikan style batas bawah dari suatu elemen pada dokumen HTML.
HapusProperti borderBottom Style DOM pada HTML digunakan untuk mengatur atau mengembalikan tiga properti border-bottom yang terpisah, dalam bentuk singkatan.
HapusDengan menggunakan properti borderBottom, pengembang web dapat mengatur atau mengembalikan satu atau lebih dari beberapa hal berikut:
1. border-bottom-width
2. border-bottom-style
3. border-bottom-color