Properti borderBottomStyle Style

Definisi dan penggunaan

borderBottomStyle Atur atau kembalikan gaya bawah garis elemen.

Lihat pula:

Panduan CSS:Batas CSS

Panduan CSS:Properti borderBottomStyle

Panduan HTML DOM:Properti border

Contoh

Contoh 1

Tambahkan bawah garis yang tebal bagi elemen <div>:

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

Coba sendiri

Contoh 2

Ubah gaya bawah garis elemen <div> menjadi "dotted":

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

Coba sendiri

Contoh 3

Kembalikan gaya garis bawah bawah elemen <div>:

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

Syarat

Kembalikan atribut borderBottomStyle:

object.style.borderBottomStyle

Atur atribut borderBottomStyle:

object.style.borderBottomStyle = value

Nilai atribut

Nilai Deskripsi
none Mendefinisikan garis bawah yang tak ada. Standar.
hidden Sama seperti "none", kecuali dalam menyelesaikan konflik garis bawah tabel.
dotted Mendefinisikan garis bawah titik.
dashed Mendefinisikan garis bawah garis buram.
solid Mendefinisikan garis bawah padat.
double Mendefinisikan dua garis bawah. Lebar garis bawah sama dengan nilai border-width.
groove Mendefinisikan garis bawah 3D groove. Efek tergantung pada border-color nilai.
ridge Mendefinisikan garis bawah 3D ridge. Efek tergantung pada border-color nilai.
inset Mendefinisikan garis bawah 3D inset. Efek tergantung pada border-color nilai.
outset Mendefinisikan garis bawah 3D outset. Efek tergantung pada border-color nilai.
initial Menata atribut ini ke nilai standarnya. Lihat initial.
inherit Mengambil atribut ini dari elemen induknya. Lihat inherit.

Detil teknis

Nilai standar: none
Nilai kembalian: String, menunjukkan gaya bawah garis bawah elemen.
Versi CSS: CSS1

Dukungan browser

Angka di tabel menunjukkan versi browser yang 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".