Contoh
Menambahkan perbatasan ke <div> elemen:
document.getElementById("myDiv").style.border = "thick solid #0000FF"; Cobalah sendiri " Lebih "Try it Yourself" contoh di bawah ini.
Definisi dan Penggunaan
Perbatasan set properti atau kembali hingga tiga sifat perbatasan yang terpisah, dalam bentuk singkatan.
Dengan properti ini, Anda dapat mengatur / kembali satu atau lebih hal berikut (dalam urutan apapun):
- border-width
- border-style
- border-color
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
| Milik | |||||
|---|---|---|---|---|---|
| border | 1.0 | 4.0 | 1.0 | 1.0 | 3,5 |
Sintaksis
Kembali properti perbatasan:
object .style.border
Mengatur properti border:
object .style.border=" Nilai properti Parameter Deskripsi width Set lebar perbatasan style Menetapkan gaya perbatasan color Menyetel warna perbatasan initial Set properti ini ke nilai default. Baca tentang awal inherit Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi
Rincian teknis
Nilai default: tidak ditentukan Kembali Nilai: Sebuah String, mewakili perbatasan lebar, gaya dan / atau warna dari suatu unsur CSS Versi CSS1
Contoh lebih
Contoh
Mengubah lebar, gaya dan warna perbatasan dari <div> elemen:
document.getElementById("myDiv").style.border = "thin dotted red"; Cobalah sendiri "
Contoh
Mengembalikan nilai properti perbatasan dari <div> elemen:
alert(document.getElementById("myDiv").style.border); Cobalah sendiri "
Pages terkait
CSS tutorial: CSS Border
Referensi CSS: border property
<Style Object