tutorial pengembangan web terbaru
 

Style outlineWidth Property

<Style Object

Contoh

Mengubah lebar garis besar <div> elemen:

document.getElementById("myDiv").style.outlineWidth = "10px";
Cobalah sendiri "

Definisi dan Penggunaan

Set properti outlineWidth atau mengembalikan lebar garis di sekitar elemen.

Garis adalah garis di sekitar elemen. Hal ini ditampilkan di sekitar margin dari elemen. Namun, berbeda dengan properti perbatasan.

garis besar bukan merupakan bagian dari dimensi elemen, oleh karena itu lebar dan tinggi sifat elemen tidak mengandung lebar garis besar.


Dukungan Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Properti outlineWidth didukung di semua browser utama.

Note: Properti outlineWidth tidak didukung di IE7 dan sebelumnya. IE8 membutuhkan DOCTYPE!. IE9 dan kemudian mendukungnya.


Sintaksis

Kembali properti outlineWidth:

object .style.outlineWidth

Mengatur properti outlineWidth:

object .style.outlineWidth="thin|medium|thick| Nilai properti
Nilai Deskripsi
thin Mendefinisikan sebuah garis tipis
medium Mendefinisikan garis menengah. Ini adalah default
thick Mendefinisikan garis tebal
length Lebar garis besar dalam satuan panjang
initial Set properti ini ke nilai default. Baca tentang awal
inherit Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi

Rincian teknis

Nilai default: medium
Kembali Nilai: Sebuah String, yang mewakili lebar garis sebuah elemen
CSS Versi CSS2

Contoh lebih

Contoh

Mengubah lebar garis besar <div> elemen, menggunakan "thick" nilai:

document.getElementById("myDiv").style.outlineWidth = "thick";
Cobalah sendiri "

Contoh

Kembali lebar garis besar <div> elemen:

alert(document.getElementById("myDiv").style.outlineWidth);
Cobalah sendiri "

Pages terkait

CSS tutorial: CSS Outline

Referensi CSS: outline property

Referensi HTML DOM: outline property


<Style Object