tutorial pengembangan web terbaru
 

Style borderBottomStyle Property

<Style Object

Contoh

Tambahkan "solid" batas bawah ke <div> elemen:

document.getElementById("myDiv").style.borderBottomStyle = "solid";
Cobalah sendiri "

Definisi dan Penggunaan

The borderBottomStyle set properti atau mengembalikan gaya perbatasan bawah elemen.


Dukungan Browser

Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.

Milik
borderBottomStyle 1.0 5.5 1.0 1.0 9.2

Catatan: Nilai "hidden" tidak didukung di IE7 dan versi sebelumnya. IE9 dan dukungan kemudian "hidden" .


Sintaksis

Kembali properti borderBottomStyle:

object .style.borderBottomStyle

Mengatur properti borderBottomStyle:

object .style.borderBottomStyle= value

Nilai properti

Nilai Deskripsi
none Mendefinisikan tidak ada perbatasan. Ini adalah default
hidden Sama seperti "none" , kecuali dalam resolusi konflik perbatasan untuk elemen tabel
dotted Mendefinisikan perbatasan bertitik
dashed Mendefinisikan perbatasan putus-putus
solid Mendefinisikan sebuah perbatasan yang solid
double Mendefinisikan dua perbatasan. Lebar dari dua perbatasan adalah sama dengan nilai border-width
groove Mendefinisikan perbatasan berlekuk 3D. Efeknya tergantung pada nilai border-color
ridge Mendefinisikan perbatasan bergerigi 3D. Efeknya tergantung pada nilai border-color
inset Mendefinisikan perbatasan inset 3D. Efeknya tergantung pada nilai border-color
outset Mendefinisikan perbatasan awal 3D. Efeknya tergantung pada nilai border-color
initial Set properti ini ke nilai default. Baca tentang awal
inherit Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi

Rincian teknis

Nilai default: tak satupun
Kembali Nilai: Sebuah String, yang mewakili gaya batas bawah sebuah elemen
CSS Versi CSS1

Contoh lebih

Contoh

Mengubah gaya perbatasan bawah dari <div> elemen untuk "dotted" :

document.getElementById("myDiv").style.borderBottomStyle = "dotted";
Cobalah sendiri "

Contoh

Kembali gaya batas bawah dari <div> elemen:

alert(document.getElementById("myDiv").style.borderBottomStyle);
Cobalah sendiri "

Contoh

Sebuah demonstrasi dari semua nilai yang berbeda:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderBottomStyle = listValue;
Cobalah sendiri "

Pages terkait

CSS tutorial: CSS Border

Referensi CSS: border-bottom-style property

Referensi HTML DOM: border property


<Style Object