Lompat ke konten Lompat ke sidebar Lompat ke footer

Mengatur Batas Bawah HTML Menggunakan borderBottomStyle DOM

Properti style borderBottomStyle DOM pada HTML digunakan untuk mengatur atau mengembalikan style border bottom dari suatu elemen.


Sebelum memahami lebih dalam materi tentang Mengatur Batas Bawah HTML Menggunakan borderBottomStyle DOM, terlebih dahulu pelajari materi tentang: Mengatur Radius Border HTML Menggunakan borderBottomRightRadius Style DOM [klik], Mengatur Nilai Border HTML Menggunakan borderBottomLeftRadius Style DOM [klik], dan Mengatur Warna Batas Bawah HTML borderBottomColor DOM [klik].

Sintak:
  • 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.

Baca Juga:

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>


Artikel ini didedikasikan kepada: Fidello Iqbaal Erfanda, Fiqi Nur Samsu Ahmad, Fitria Eka Puspitasari, Geiska Agli Natasha Putri, dan Ghazi Dzulfikar Putra Bagus.

5 komentar untuk "Mengatur Batas Bawah HTML Menggunakan borderBottomStyle DOM"

  1. Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti borderBottomStyle DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti borderBottomStyle DOM pada HTML:
      1. Google Chrome 1.0
      2. Internet Explorer 5.5
      3. Firefox 1.0
      4. Opera 9.2
      5. Safari 1.0

      Hapus
  2. Apa yang dimaksud dengan properti borderBottomStyle DOM pada HTML?

    BalasHapus
    Balasan
    1. Properti 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.

      Hapus
    2. Properti borderBottomStyle DOM pada HTMl merupakan properti sytle yang dapat digunakan untuk mengatur atau mengembalikan nilai style batas bawah dari suatu elemen.

      Hapus

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 -