Mengatur Lebar Border HTML Menggunakan borderRightWidth Style DOM
 |
| Ilustrasi borderRightWidth HTML |
- berfungsi untuk mengembalikan nilai properti borderRightWidth: object.style.borderRightWidth
- berfungsi untuk mengatur nilai properti borderRightWidth: object.style.borderRightWidth = "thin|medium|thick|length|initial|inherit"
Property Values:
- thin: digunakan untuk mendefinisikan border dalam nilai atau ukuran thin.
- medium: digunakan untuk mendefinisikan border dalam ukuran medium dan juga merupakan nilai default dari properti borderRightWidth.
- thick: digunakan untuk mendefinisikan border dalam ukuran thick.
- length: merupakan nilai lebar dari border dalam satuan unit ukur panjang atau length.
- initial: digunakan untuk mengatur properti ke nilai default.
- inherit: digunakan untuk menerima nilai turunan atau inherit dari nilai elemen parent.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style
borderRightWidth DOM
</title>
</head>
<body
style="text-align:center;">
<div
id="MKN1"
style="border:solid green;">
<h1>
Blog Elfan
</h1>
<h2>
Properti Style
borderRightWidth
</h2>
<button
type="button"
onclick="myFunction()">
Click
</button>
<br>
<br>
</div>
<!-- Script untuk mengatur
lebar batas kanan -->
<script>
function myFunction()
{
document.getElementById("MKN1").style.borderRightWidth
= "20px";
}
</script>
</body>
</html>
Output:Blog Elfan
Properti Style borderRightWidth
Contoh: penggunaan style properti borderRightWidth untuk mengatur nilai lebar border kanan ke tipe 'thin'.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style
borderRightWidth
</title>
</head>
<body
style="text-align:center;">
<div
id="MKN2"
style = "border:20px solid green">
<h1>
Blog Elfan
</h1>
<h2>
Properti Style
borderRightWidth
</h2>
<button
type="button"
onclick="myFunction()">
Click
</button>
<br>
<br>
</div>
<!-- Script untuk mengatur
nilai lebar kanan menjadi thin
-->
<script>
function myFunction()
{
document.getElementById("MKN2").style.borderRightWidth
= "thin";
}
</script>
</body>
</html>
Output:Blog Elfan
Properti Style borderRightWidth
- 6 Contoh Properti borderTopLeftRadius Style DOM pada HTML [klik]
- 6 Contoh Properti borderTopRightRadius Style DOM pada HTML [klik]
- 12 Contoh Properti borderTopStyle DOM pada HTML [klik]
- 6 Contoh Properti borderTopWidth Style DOM pada HTML [klik]
- 6 Contoh Properti borderWidth Style DOM pada HTML [klik]
- 8 Value Properti boxShadow Style DOM pada HTML [klik]
- 4 Contoh Properti boxSizing Style DOM pada HTML [klik]
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti borderRightWidth Style DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan browser properti borderRightWidth Style DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Safari
Apa yang dimaksud dengan properti borderRightWidth Style DOM pada HTML?
BalasHapusProperti borderRightWidth Style DOM pada HTML merupakan properti yang digunakan untuk menetapkan nilai lebar batas kanan dari suatu elemen pada HTML.
HapusProperti borderRightWidth digunakan untuk menentapkan lebar batas kanan dari suatu elemen, dimana properti ini selalu dideklarasikan setelah properti borderStyle karena sebuah elemen harus memiliki nilai batas terlebih dahulu sebelum nilainya dapat diubah.
Hapus