Sifat 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:Keselamatan Lintasan CSS

Panduan CSS:Sifat border-top

Panduan HTML DOM:Sifat borderTopStyle

Contoh

Menetapkan gaya garisan atas:

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

Coba 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 tergolong. 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 cekung. Efectnya tergantung dari nilai border-color.
ridge Mendefinikan garisan 3D relief. 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 baku: tidak ditentukan
Inheritsi: 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