Atribut border-top-style CSS

Definisi dan penggunaan

border-top-style mengatur gaya garis atas 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:Properti border-top

Panduan HTML DOM:Properti borderTopStyle

Contoh

Mengatur gaya garis atas:

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

Coba sendiri

Grammar CSS

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

Nilai properti

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

Detil teknis

Nilai default: not specified
Inheritance: no
Versi: CSS1
Grammar JavaScript: object.style.borderTopStyle="dotted"

Contoh lainnya

Mengatur gaya garis atas
Contoh ini menunjukkan bagaimana mengatur gaya garis atas.

Dukungan browser

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

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