属性 border-top-style CSS

Definisi dan penggunaan

border-top-style menetapkan gaya garisan atas elemen.

Garis hanya muncul jika nilai ini bukan none.

Dalam CSS1, pereka HTML hanya perlu mendukung solid dan none.

Lihat juga:

Panduan CSS:Batas CSS

Panduan CSS:Sifat border-top

Panduan HTML DOM:Sifat borderTopStyle

Contoh

Menetapkan gaya garisan atas:

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

Cuba sendiri

Syarat CSS

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

Nilai sifat

Nilai Penerangan
none Mendefinikan garisan tanpa garisan.
hidden Sama seperti "none", kecuali untuk tabel. Untuk tabel, "hidden" digunakan untuk memecahkan konflik garisan.
dotted Mendefinikan garisan titik. Dalam kebanyakan pereka, ia dipaparkan sebagai garisan tegak lurus.
dashed Mendefinikan garisan gurun. Dalam kebanyakan pereka, ia dipaparkan sebagai garisan tegak lurus.
solid Mendefinikan garisan tegak lurus.
double Mendefinikan garisan ganda. Lebar garisan ganda sama dengan nilai border-width.
groove Mendefinikan garisan 3D kerongkak. Efectnya tergantung dari nilai border-color.
ridge Mendefinikan garisan 3D kekabut. Efectnya tergantung dari nilai border-color.
inset Mendefinikan garisan 3D inset. Efectnya tergantung dari nilai border-color.
outset Mendefinikan garisan 3D outset. Efectnya tergantung dari nilai border-color.
inherit Ditetapkan supaya gaya garisan diwarisi dari elemen induk.

Perincian teknologi

Nilai lalai: tidak disifatkan
Ketergantungan: tidak
Versi: CSS1
Syarat JavaScript: object.style.borderTopStyle="dotted"

Contoh lanjutan

Menetapkan gaya garisan atas
Contoh ini menunjukkan bagaimana untuk menetapkan gaya garisan atas.

Pendukung pereka

Nombor dalam tabel menunjukkan versi pereka paling awal yang mendukung sifat ini.

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