Atribut border-bottom-style CSS

定义和用法

border-bottom-style mengatur gaya garis bawah elemen.

Garis batas hanya muncul jika nilai ini bukan none.

Dalam CSS1, agen pengguna HTML hanya harus mendukung solid dan none.

Lihat pula:

Panduan CSS:Batas CSS

Panduan CSS:Atribut borderBottom

Panduan HTML DOM:Atribut borderBottomStyle

Contoh

Mengatur gaya garis bawah:

p
  {
  border-style:solid;
  border-bottom-style:dotted;
  }

Coba sendiri

Syarat CSS

border-bottom-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Nilai atribut

Nilai Deskripsi
none Mendefinisikan garis batas yang tak ada.
hidden Sama dengan "none" kecuali untuk tabel, untuk tabel, "hidden" digunakan untuk memecahkan konflik garis batas.
dotted Mendefinisikan garis titik. Dalam sebagian besar browser ditampilkan sebagai garis tegak lurus.
dashed Mendefinisikan garis garis ganda. Dalam sebagian besar browser ditampilkan sebagai garis tegak lurus.
solid Mendefinisikan garis tegak lurus.
double Mendefinisikan garis garis ganda. Lebar garis ganda sama dengan nilai border-width.
groove Mendefinisikan garis batas 3D lubang. Efectnya tergantung dari nilai border-color.
ridge Mendefinisikan garis batas 3D ribbet. Efectnya tergantung dari nilai border-color.
inset Mendefinisikan garis batas 3D inset. Efectnya tergantung dari nilai border-color.
outset Mendefinisikan garis batas 3D outset. Efectnya tergantung dari nilai border-color.
inherit Ditetapkan supaya gaya garis batas diwarisi dari elemen induk.

Detil teknis

Nilai standar: tidak disebutkan
Ketergantungan: no
Versi: CSS1
Syarat JavaScript: object.style.borderBottomStyle="dotted"

Beberapa contoh lainnya

Mengatur gaya garis bawah
Contoh ini menunjukkan bagaimana cara mengatur gaya garis bawah.

Dukungan browser

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

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