Gaya outlineWidth Property
Contoh
Ubah lebar garis luar elemen <div>:
document.getElementById("myDiv").style.outlineWidth = "10px";
Definisi dan Penggunaan
Properti outlineWidth menetapkan atau mengembalikan lebar kerangka di sekitar elemen.
Garis adalah garis di sekitar elemen. Ini ditampilkan di sekitar margin elemen. Namun, berbeda dengan properti perbatasan.
Outline bukan merupakan bagian dari dimensi elemen, oleh karena itu properti width dan height elemen tidak memuat lebar outline.
Dukungan Peramban
Property | |||||
---|---|---|---|---|---|
outlineWidth | Yes | Yes | Yes | Yes | Yes |
Sintaksis
Kembalikan properti outlineWidth:
object.style.outlineWidth
Setel properti outlineWidth:
object.style.outlineWidth = "thin|medium|thick|length|initial|inherit"
Nilai properti
Value | Description |
---|---|
thin | Defines a thin outline |
medium | Defines a medium outline. This is default |
thick | Defines a thick outline |
length | The width of the outline in length units |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detail Teknis
Nilai Bawaan: | sedang |
---|---|
Nilai Kembali: | Sebuah String, mewakili lebar garis elemen |
Versi CSS | CSS2 |
Lebih Banyak Contoh
Contoh
Ubah lebar garis luar elemen <div>, menggunakan nilai "tebal":
document.getElementById("myDiv").style.outlineWidth = "thick";
Contoh
Kembalikan lebar garis luar elemen <div>:
alert(document.getElementById("myDiv").style.outlineWidth);
Halaman Terkait
Tutorial CSS: Garis Besar CSS
Referensi CSS: properti garis besar
Referensi DOM HTML: properti garis besar
Objek Gaya