Sifat Style borderBottomStyle

Definisi dan penggunaan

borderBottomStyle Tetapkan atau kembalikan gaya bawah garisan elemen.

Lihat juga:

Panduan CSS:Batas CSS

Panduan CSS:Sifat border-bottom-style

Panduan HTML DOM:Sifat border

Contoh

Contoh 1

Tambahkan bawah garisan bulat untuk elemen <div>:

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

Coba sendiri

Contoh 2

Tukar gaya bawah garisan <div> kepada "dotted":

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

Coba sendiri

Contoh 3

Kembalikan gaya garis bawah <div> elemen:

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

Coba sendiri

Contoh 4

Pertunjukan untuk semua nilai yang berbeda:

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

Coba sendiri

Sintaks

Kembalikan atribut borderBottomStyle:

object.style.borderBottomStyle

Atur atribut borderBottomStyle:

object.style.borderBottomStyle = value

Nilai atribut

Nilai Deskripsi
none Mendefinisikan garis border tak ada. Baku.
hidden Sama seperti "none", kecuali dalam resolusi konflik garis border elemen tabel.
dotted Mendefinisikan garis border titik.
dashed Mendefinisikan garis border garis buram.
solid Mendefinisikan garis border padat.
double Mendefinisikan dua garis border. Lebar garis border sama dengan nilai border-width.
groove Mendefinisikan garis border 3D lubang. Efect tergantung border-color nilai.
ridge Mendefinisikan garis border 3D ribut. Efect tergantung border-color nilai.
inset Mendefinisikan garis border 3D inset. Efect tergantung border-color nilai.
outset Mendefinisikan garis border 3D outset. Efect tergantung border-color nilai.
initial Menata atribut ini ke nilai baku. Lihat initial.
inherit Mengambil atribut ini dari elemen induknya. Lihat inherit.

Detil teknis

Nilai baku: none
Nilai kembalian: String, merepresentasikan gaya bawah garis elemen.
Versi CSS: CSS1

Dukungan browser

Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 9.2

Keterangan:Versi IE7 dan yang lebih awal tidak mendukung nilai "hidden". Versi IE9 dan yang lebih tinggi mendukung "hidden".