Sifat Style borderTopStyle

Definisi dan penggunaan

borderTopStyle Tetapkan atau kembalikan gaya border di atas elemen.

Lihat juga：

Panduan CSS：Batas CSS

Panduan CSS：Sifat border-top-style

Panduan DOM HTML：Sifat border

Contoh

Contoh 1

Tambah halaman atas berbentuk实物 untuk elemen <div>：

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

Coba sendiri

Contoh 2

Ubah gaya garisan atas elemen <div> menjadi "dotted":

document.getElementById("myDiv").style.borderTopStyle = "dotted";

Coba sendiri

Contoh 3

Kembalian gaya garisan atas elemen <div>：

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

Coba sendiri

Contoh 4

Pertunjukan untuk semua nilai yang berbeda：

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

Coba sendiri

syntaks

Kembalian atribut borderTopStyle：

object.style.borderTopStyle

Tetapkan atribut borderTopStyle：

object.style.borderTopStyle = value|initial|inherit
nilai deskripsi
none Mendefinikan garisan tanpa garisan. Lalai.
hidden Sama seperti "none", kecuali dalam menyelesaikan konflik garisan tabel.
dotted Mendefinikan garisan titik.
dashed Mendefinikan garisan garis buram.
solid Mendefinikan garisan padat.
double Mendefinikan dua garisan. Lebar garisan yang sama dengan nilai border-width.
groove Mendefinikan garisan lubang 3D. Efect tergantung border-color nilai.
ridge Mendefinikan garisan puncak 3D. Efect tergantung border-color nilai.
inset Mendefinikan garisan dalaman 3D. Efect tergantung border-color nilai.
outset Mendefinikan garisan luar 3D. Efect tergantung border-color nilai.
initial Tetapkan atribut ini ke nilai lalainya. Lihat initial。
inherit Mewarisi atribut ini dari elemen induknya. Lihat inherit。

detil teknikal

Nilai lalai： none
Nilai kembalian： string, yang merepresentasikan gaya garisan atas elemen.
Versi CSS： CSS1

sokongan pelayar

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
sokongan sokongan sokongan sokongan sokongan