Atribut border-bottom-style CSS

Definisi dan penggunaan

border-bottom-style mengatur 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

Atur gaya bawah garis:

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 Definisi garis tanpa garis.
hidden Sama dengan "none" kecuali untuk tabel. Untuk tabel, "hidden" digunakan untuk memecahkan konflik garis.
dotted Definisi garis titik. Dalam sebagian besar browser ditampilkan sebagai garis tebal.
dashed Definisi garis gelap. Dalam sebagian besar browser ditampilkan sebagai garis tebal.
solid Definisi garis tebal.
double Definisi garis ganda. Lebar garis ganda sama dengan nilai border-width.
groove Definisi garis kolam 3D. Effeknya tergantung dari nilai border-color.
ridge Definisi garis gelombang 3D. Effeknya tergantung dari nilai border-color.
inset Definisi garis sisip 3D. Effeknya tergantung dari nilai border-color.
outset Definisi garis luar 3D. Effeknya tergantung dari nilai border-color.
inherit Ditetapkan supaya gaya garis diwarisi dari elemen induk.

Detil teknis

Nilai default: tidak disebutkan
Keteraturan warisan: no
Versi: CSS1
Syarat Bahasa JavaScript: object.style.borderBottomStyle="dotted"

Contoh lebih banyak

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

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