Style atribut borderStyle

Definisi dan penggunaan

borderStyle Atribut ini mengatur atau mengembalikan gaya border elemen.

Atribut ini dapat mengambil satu hingga empat nilai:

  • Satu nilai, contohnya: p {border-style: solid} - Semua empat border adalah tebal
  • Dua nilai, contohnya: p {border-style: solid dotted} - Atas dan bawah border adalah garis tebal, border kiri-kanan adalah garis ganda
  • Tiga nilai, contohnya: p {border-style: solid dotted double} - Atas border adalah garis tebal, border kiri-kanan adalah garis titik, bawah border adalah garis ganda
  • Empat nilai, contohnya: p {border-style: solid dotted double dashed} - Atas border adalah garis tebal, kanan border adalah garis ganda, bawah border adalah garis ganda, kiri border adalah garis ganda

Lihat juga:

Panduan CSS:Kerangka CSS

Panduan CSS:Sifat border-style

Panduan DOM HTML:sifat border

Contoh

Contoh 1

Tambahkan garisan luar berisi untuk elemen <div>：

document.getElementById("myDiv").style.borderStyle = "solid";

Cuba sendiri

Contoh 2

Ubah gaya garisan empat sisi elemen <div>：

document.getElementById("myDiv").style.borderStyle = "dotted solid double dashed";

Cuba sendiri

Contoh 3

Kembalikan gaya garisan luar elemen <div>：

alert(document.getElementById("myDiv").style.borderStyle);

Cuba sendiri

Contoh 4

Paparan untuk nilai yang berbeza-beza:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderStyle = listValue;

Cuba sendiri

Sintaks

Kembalikan sifat borderStyle：

object.style.borderStyle

Tetapkan sifat borderStyle：

object.style.borderStyle = value
Nilai Penerangan
none Mendefinikan garisan luar tiada. Lalai.
hidden Sama seperti "none", kecuali dalam penyelesaian konflik garisan luar elemen tangah.
dotted Mendefinikan garisan luar titik.
dashed Mendefinikan garisan luar garis buram.
solid Mendefinikan garisan luar berisi.
double Mendefinikan dua garisan. Lebar garisan ini sama dengan nilai border-width.
groove Mendefinikan garisan luar 3D groove. Effek tergantung daripada border-color 。
ridge Mendefinikan garisan luar 3D ridge. Effek tergantung daripada border-color 。
inset Mendefinikan garisan luar 3D inset. Effek tergantung daripada border-color 。
nilai Mendefinikan garisan luar 3D outset. Effek tergantung daripada nilai border-color.
initial Tetapkan sifat ini ke nilai lalai. Lihat initial。
inherit Mewarisi sifat ini daripada elemen bapanya. Lihat inherit。

Detil teknikal

Nilai lalai： Tiada
Hasil balik： String, menunjukkan gaya garisan luar elemen.
Versi CSS： CSS1

Pemasaian pelayar

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan