属性 border-bottom-style CSS

定义和用法

border-bottom-style menetapkan gaya garis bawah elemen.

Garis 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 border-bottom

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 yang tak ada.
hidden Sama dengan "none" kecuali untuk tabel, untuk tabel, "hidden" digunakan untuk memecahkan konflik garis.
dotted Mendefinisikan garis titik. Dalam sebagian besar browser ditampilkan sebagai garis bersatu.
dashed Mendefinisikan garis ganda. Dalam sebagian besar browser ditampilkan sebagai garis bersatu.
solid Mendefinisikan garis bersatu.
double Mendefinisikan garis garis ganda. Lebar garis ganda sama dengan nilai border-width.
groove Mendefinisikan garis lubang 3D. Efeknya tergantung dari nilai border-color.
ridge Mendefinisikan garis gugur 3D. Efeknya tergantung dari nilai border-color.
inset Mendefinisikan garis masuk 3D. Efeknya tergantung dari nilai border-color.
outset Mendefinisikan garis luar 3D. Efeknya tergantung dari nilai border-color.
inherit Ditetapkan agar gaya garis membatasi dari elemen induk diwarisi.

Detil teknis

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

Beberapa contoh lain

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

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