6 Value Properti borderBottomWidth Style DOM pada HTML

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

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 Value: 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>


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>

Komentar

  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

Posting Komentar

*Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung. :D

*Jika terdapat typo, link bermasalah, dan lain sebagainya, pengunjung dapat melaporkan permasalahan tersebut melalui WA: +62-896-2514-6106




~ Ikatlah Ilmu dengan Memostingkannya ~

Referensi Tambahan:

Enkapsulasi pada Java

2 Jenis Utama Kegiatan Penelitian Berdasarkan Waktunya, Crosssectional Salah Satunya

6 Contoh Program Method Overloading pada Java

3 Jenis Utama Looping pada Java

Perbedaan stdio.h dan stdlib.h pada Bahasa C