Mengatur Batas Bawah HTML Menggunakan borderBottomStyle DOM
 |
| Properti borderBottomStyle DOM HTML |
- berfungsi untuk mengembalikan nilai style dari border bottom: object.style.borderBottomStyle
- berfungsi untuk mengatur style dari border bottom: border-bottom-style: value;
Property Values:
- none: merupakan nilai default dan membuat lebar dari border bottom menjadi nol. Kecuali, jika border bottom berada dalam kondisi tidak visible.
- hidden: digunakan untuk membuat border bottom invisible. Nilai properti hidden hampir sama seperti nilai properti none, kecuali pada kondisi dimana border mengalami conflict resolution dari suatu elemen tabel.
- dotted: digunakan untuk menentukan border dot.
- dashed: digunakan untuk menentukan border dash.
- solid: digunakan untuk menentukan nilair solid border.
- double: membuat border bottom menjadi baris solid ganda. Pada kondisi ini, border width adalah senilai dengan jumlah dari lebar antara dua baris segmen dan ruang spasi yang terdapat diantaranya.
- groove: digunakan untuk menentukan sebuah border 3D grooved, tetapi hasilnya bergantung pada nilai border-color.
- ridge: digunakan untuk menentukan sebuah border 3D ridged, tetapi hasilnya bergantung pada nilai border-color.
- inset: digunakan untuk menentukan sebuah border 3D inset, tetapi hasilnya bergandung pada nilai border-color.
- outset: digunakan untuk menentukan sebuah border 3D outset, tetapi hasilnya bergantung pada nilai border-color.
- initial: digunakan untuk mengatur properti borderBottomStyle ke nilai default-nya.
- inherit: digunakan untuk menerima properti turunan yang berasal dari elemen parent.
Return Value: berfungsi untuk mengembalikan border bottom dari style yang diseleksi.
Contoh: mendeskripsikan nilai dari properti borderBottomStyle.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style
borderBottomStyle DOM HTML
</title>
<style>
div
{
color: green;
text-align: center;
border: 4px solid green;}
</style>
</head>
<body>
<div
id = "main">
<h1>
Blog Elfan
</h1>
</div>
<br>
<input
type = "button"
value = "Click Me.!"
onclick = "Don1s()" />
<script>
function Don1s()
{
document.getElementById("main").style.borderBottomStyle
= "dotted";
}
</script>
</body>
</html>
Contoh: mendeskripsikan nilai double dari properti borderBottomStyle.
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style
borderBottomStyle DOM HTML
</title>
<style>
div
{
color: green;
text-align: center;
border: 4px solid green;}
</style>
</head>
<body>
<div
id = "main">
<h1>
Blog Elfan
</h1>
</div>
<br>
<input
type = "button"
value = "Click Me.!"
onclick = "Bon2s()" />
<script>
function Bon2s()
{
document.getElementById("main").style.borderBottomStyle
= "double";
}
</script>
</body>
</html>
- 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]
- 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]
5 komentar untuk "Mengatur Batas Bawah HTML Menggunakan borderBottomStyle DOM"
Hubungi admin melalui Wa : +62-896-2414-6106
Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.
Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.
- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti borderBottomStyle DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti borderBottomStyle DOM pada HTML:
Hapus1. Google Chrome 1.0
2. Internet Explorer 5.5
3. Firefox 1.0
4. Opera 9.2
5. Safari 1.0
Apa yang dimaksud dengan properti borderBottomStyle DOM pada HTML?
BalasHapusProperti borderBottomStyle DOM pada HTMl merupakan properti sytle yang dapat digunakan untuk mengatur batas gaya bagian bawah, mengatur warna batas bawah, dan mengatur properti ke nilai default, sesuai dengan elemen yang dipengaruhinya.
HapusProperti borderBottomStyle DOM pada HTMl merupakan properti sytle yang dapat digunakan untuk mengatur atau mengembalikan nilai style batas bawah dari suatu elemen.
Hapus