Atribut Style borderTopStyle

Definisi dan penggunaan

borderTopStyle Atur atau kembalikan gaya garis atas elemen.

Lihat pula:

Panduan CSS:Garis Border CSS

Panduan CSS:Atribut border-top-style

Panduan HTML DOM:Atribut border

Contoh

Contoh 1

Menambahkan garis atas yang berisi untuk elemen <div>:

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

Coba sendiri

Contoh 2

Ubah gaya garis pinggir atas elemen <div> menjadi "dotted":

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

Coba sendiri

Contoh 3

Kembalikan gaya garis pinggir 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

Syarat

Kembalikan atribut borderTopStyle：

object.style.borderTopStyle

Atur atribut borderTopStyle：

object.style.borderTopStyle = value|initial|inherit
Nilai Deskripsi
none Mendefinisikan garis pinggir tanpa garis. Standar.
hidden Sama seperti "none", kecuali dalam resolusi konflik garis pinggir elemen tabel.
dotted Mendefinisikan garis pinggir titik.
dashed Mendefinisikan garis pinggir garis-garis.
solid Mendefinisikan garis pinggir padat.
double Mendefinisikan dua garis pinggir. Lebar garis pinggir ini sama dengan nilai border-width.
groove Mendefinisikan garis pinggir 3D kerongkongan. Efek tergantung pada border-color nilai.
ridge Mendefinisikan garis pinggir 3D kepalan. Efek tergantung pada border-color nilai.
inset Mendefinisikan garis pinggir 3D inset. Efek tergantung pada border-color nilai.
outset Mendefinisikan garis pinggir 3D outset. Efek tergantung pada border-color nilai.
initial Atur atribut ini ke nilai standarnya. Lihat initial。
inherit Mengambil atribut ini dari elemen orangtua. Lihat inherit。

Detil teknis

Nilai standar： none
Nilai kembalian： String yang menggambarkan gaya garis pinggir elemen di atas.
Versi CSS： CSS1

Dukungan browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukung Dukung Dukung Dukung Dukung