Lompat ke konten Lompat ke sidebar Lompat ke footer

Mengatur Lebar Batas Bawah HTML Menggunakan borderBottomWidth Style DOM

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


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

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

Baca Juga:

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>


Contoh:
penggunaan nilai thin dari properti borderBottomWidth.

<!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>


Artikel ini didedikasikan kepada: Fiqi Nur Samsu Ahmad, Fitria Eka Puspitasari, Geiska Agli Natasha Putri, Ghazi Dzulfikar Putra Bagus, dan Gilar Dwiki Yoga.

5 komentar untuk "Mengatur Lebar Batas Bawah HTML Menggunakan borderBottomWidth Style DOM"

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

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

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

    BalasHapus
    Balasan
    1. Properti borderBottomWith Style DOM pada HTMl merupakan properti sytle yang dapat digunakan untuk menetapkan atau mengembalikan nilai lebar batas bawah dari suatu elemen.

      Hapus
    2. Properti borderBottomStyle DOM pada HTMl merupakan properti sytle yang dapat digunakan untuk mengatur atau mendapatkan lebar batas bawah untuk sebuah elemen pada html.

      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 -