Mengatur Lebar Batas Bawah HTML Menggunakan borderBottomWidth Style DOM
 |
| Ilustrasi borderBottomWidth HTML |
- berfungsi untuk mengembalikan nilai lebar dari bottom border: object.style.borderBottomWidth
- berfungsi untuk mengatur nilai lebar dari border bottom: order-bottom-width: "medium|thin|thick|length|initial|inherit";
Return Values: berfungsi untuk mengembalikan nilai lebar border bottom dari elemen yang diseleksi.
Property Values:
- medium: digunakan untuk mengatur border bottom ke ukuran medium, dan merupakan nilai default dari properti borderBottomWidth.
- thin: digunakan untuk mengatur ketipisan border bottom.
- thick: digunakan untuk mengatur ketebalan border bottom.
- length: digunakan untuk mengatur lebar dari border, dan tidak bisa memberikan nilai negatif.
- initial: digunakan untuk mengatur properti borderBottomWidth ke nilai default-nya.
- inherit: digunakan untuk menerima turunan dari elemen parent.
Contoh: penggunaan nilai thick dari properti borderBottomWidth.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style
borderBottomWidth DOM HTML
</title>
<style>
div
{
color: green;
border: 1px solid green;
text-align: center;}
</style>
</head>
<body>
<div
id="main">
<h1>
Blog Elfan
</h1>
</div>
<br>
<input
type="button"
value="Click Me.!"
onclick="Bon1s()" />
<script>
function Bon1s()
{
document.getElementById("main").style.borderBottomWidth
= "thick";
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style
borderBottomWidth DOM HTML
</title>
<style>
div
{
color: green;
border: 8px solid green;
text-align: center;}
</style>
</head>
<body>
<div
id = "main">
<h1>
Blog Elfan
</h1>
</div>
<br>
<input
type = "button"
value = "Click Me.!"
onclick = "Bon22s()" />
<script>
function Bon22s()
{
document.getElementById("main").style.borderBottomWidth
= "thin";
}
</script>
</body>
</html>
- 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]
- 6 Contoh Properti borderImageWidth Style DOM pada HTML [klik]
- 5 Value Properti borderLeft Style DOM pada HTML [klik]
- 4 Value Properti borderLeftColor Style DOM pada HTML [klik]
- 12 Value Properti borderLeftStyle DOM HTML [klik]
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti borderBottomWidth Style DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti borderBottomWidth 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 borderBottomWidth style DOM pada HTML?
BalasHapusProperti borderBottomWith Style DOM pada HTMl merupakan properti sytle yang dapat digunakan untuk menetapkan atau mengembalikan nilai lebar batas bawah dari suatu elemen.
HapusProperti borderBottomStyle DOM pada HTMl merupakan properti sytle yang dapat digunakan untuk mengatur atau mendapatkan lebar batas bawah untuk sebuah elemen pada html.
Hapus