Contoh
Tambahkan garis sekitar <div> elemen:
document.getElementById("myDiv").style.outline = "thick solid #0000FF"; Cobalah sendiri " Definisi dan Penggunaan
Set properti outline atau kembali semua properti garis besar, dalam bentuk singkatan.
Dengan properti ini, Anda dapat mengatur / kembali satu atau lebih hal berikut (dalam urutan apapun):
- garis-lebar
- outline-style
- garis warna
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
Properti garis didukung di semua browser utama.
Note: Properti garis tidak didukung di IE7 dan sebelumnya. IE8 membutuhkan DOCTYPE!. IE9 dan kemudian mendukungnya.
Sintaksis
Kembali properti outline:
object .style.outline
Mengatur properti outline:
object .style.outline=" Nilai properti Parameter Deskripsi width Set lebar garis besar style Menetapkan gaya garis besar color Mengatur warna garis besar initial Set properti ini ke nilai default. Baca tentang awal inherit Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi
Rincian teknis
Nilai default: menengah tidak invert Kembali Nilai: Sebuah String, mewakili garis lebar, gaya dan / atau warna dari suatu unsur CSS Versi CSS2
Contoh lebih
Contoh
Mengubah lebar, gaya dan warna garis besar <div> elemen:
document.getElementById("myDiv").style.outline = "5px dotted green"; Cobalah sendiri "
Contoh
Mengembalikan nilai properti outline dari <div> elemen:
alert(document.getElementById("myDiv").style.outline); Cobalah sendiri "
Pages terkait
CSS tutorial: CSS Outline
Referensi CSS: outline property
<Style Object