Atribut gaya outlineStyle

Definisi dan penggunaan

outlineStyle Pengaturan atribut untuk atau mengembalikan gaya kerangka di sekeliling elemen.

Kerangka adalah satu baris yang mengelilingi elemen. Ia dipaparkan di sekeliling marjin elemen. Tetapi, ia berbeza daripada atribut sempadan.

Kerangka bukan sebahagian daripada saiz elemen, jadi lebar dan tinggi atribut elemen tidak termasuk lebar kerangka.

另请参阅：

lihat juga：Gaya penyorotan CSS

CSS tutorialCSS referensi buku

outline-style atributHTML DOM referensi buku

outline atribut

contoh

contoh 1

mengubah gaya kontur elemen <div>:

document.getElementById("myDiv").style.outlineStyle = listValue;

menambahkan kontur garis tebal di sekeliling elemen <div>:

contoh 2

mengubah gaya kontur elemen <div>:

document.getElementById("myDiv").style.outlineStyle = listValue;

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

contoh 3

mengembalikan gaya kontur elemen <div>:

document.getElementById("myDiv").style.outlineStyle = listValue;

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

contoh 4

demo untuk nilai yang berbeda:
var listValue = selectTag.options[selectTag.selectedIndex].text;

document.getElementById("myDiv").style.outlineStyle = listValue;

mencoba sendiri

syarat

atur atribut outlineStyle：mengembalikan atribut outlineStyle：

.style.outlineStyle

atur atribut outlineStyle：object .style.outlineStyle =

value

nilai atribut nilai
none 描述
lalai. Mengdefinikan tanpa kontur. hidden
kontur ditutup. dotted
mengdefinikan kontur titik. dashed
mengdefinikan kontur gurun. solid
mengdefinikan kontur garis yang tebal. double mengdefinikan kontur berdua. Lebar garis duanya setara dengan outline-width
nilai. mengdefinikan kontur belakang 3D. Mengdefinikan kontur belakang 3D. Efect ini tergantung pada outline-color nilai.
ridge mengdefinikan kontur belakang 3D. Efect ini tergantung pada outline-color nilai.
inset mengdefinikan kontur belakang 3D. Efect ini tergantung pada outline-color nilai.
outset mengdefinikan kontur belakang 3D. Efect ini tergantung pada outline-color nilai.
initial atur atribut ini ke nilai lalai. Lihat initial。
inherit mewarisi atribut ini dari elemen induknya. Lihat inherit。

detil teknikal

Nilai lalai： none
Nilai kembalian： string, yang menunjukkan gaya kontur elemen.
Versi CSS： CSS2

sokongan pelayar

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