Properti border-bottom-style CSS

定义和用法

border-bottom-style mengatur gaya garis batas 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:BORDER CSS

Panduan CSS:Atribut border-bottom

Panduan HTML DOM:Atribut borderBottomStyle

Contoh

Mengatur gaya bawah garis batas:

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

Coba sendiri

Sintaks 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 siku-siku.
dashed Mendefinisikan garis tergurun. Dalam sebagian besar browser ditampilkan sebagai garis siku-siku.
solid Mendefinisikan garis siku-siku.
double Mendefinisikan garis garis ganda. Lebar garis garis ganda sama dengan nilai border-width.
groove Mendefinisikan garis batas 3D lubang. Efectnya tergantung dari nilai border-color.
ridge Mendefinisikan garis batas 3D ribba. 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 agar gaya garis batas diwarisi dari elemen induk.

Detil teknis

Nilai standar: not specified
Inheritance: no
Versi: CSS1
Sintaks JavaScript: object.style.borderBottomStyle="dotted"

Contoh lainnya

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

Dukungan browser

Angka di dalam 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