DAFTAR LABEL POPULER PENELITIAN.ID

Jangan Buka Artikel Ini!

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.

6 Value Properti borderBottomWidth Style DOM pada HTML
Ilustrasi borderBottomWidth HTML

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>


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

Hubungi admin melalui Wa : +62-896-2514-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 ~

Postingan populer dari blog ini (30 Hari)

Enkapsulasi Java dan Fungsinya

Specifier %d dan %i Bahasa C dan Fungsinya

4 Kesalahan Umum yang Sering Terjadi pada PTK

7 Paradigma Penelitian pada Statistika Penelitian

Cara Membuat Drag and Drop pada HTML

Postingan populer dari blog ini (All Time)

Enkapsulasi Java dan Fungsinya

Komunitas