Properti HTML DOM Style BorderWidth
Definisi dan Penggunaan
BorderWidth set properti atau mengembalikan lebar perbatasan elemen.
Properti ini dapat digunakan 1-4 jenis Width:
- Jika Anda menentukan lebar, misalnya: p {border-width: tebal} - semua empat perbatasan yang garis tebal.
- Jika Anda menentukan dua lebar, misalnya: p {border-width: tebal tipis} - batas atas dan bawah adalah garis tebal dan batas kiri dan batas kanan tipis.
- Ketentuan dalam tiga lebar, misalnya: p {border-width: tebal menengah tipis} - adalah garis tebal di perbatasan, batas kiri dan batas kanan tipis, perbatasan berada di bawah garis moderat.
- Ketentuan dalam empat lebar, misalnya: p {border-width: tebal tipis menengah 10px} - adalah di perbatasan tebal dan tipis adalah batas kanan, batas bawah dari garis tengah, lebar batas kiri 10px.
tatabahasa
Pengaturan properti BorderWidth:
Object.style.borderWidth="thin|medium|thick|length|inherit"
Sifat Kembali BorderWidth:
Object.style.borderWidth
值 | 描述 |
---|---|
thin | 定义细的边框。 |
medium | 默认。定义中等的边框。 |
thick | 定义粗的边框。 |
length | 允许您自定义边框的宽度。 |
inherit | 边框的宽度是从父元素继承。 |
Dukungan Browser
Semua browser utama mendukung properti BorderWidth.
Catatan: IE7 dan versi sebelumnya tidak mendukung "mewarisi" nilai.IE8 hanya menyediakan! DOCTYPE didukung "mewarisi". dukungan IE9 "mewarisi".
contoh
contoh
Mengubah lebar empat perbatasan:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Tutorial ini (w3big.com) </ title>
<Jenis Style = "text / css">
# EX1 {
border: 1px solid # FF0000;
}
</ Style>
<Script>
Fungsi displayResult () {
. Document.getElementById ( "ex1") style.borderWidth = "tebal tipis";
}
</ Script>
</ Kepala>
<Body>
<Div id = "ex1"> Ini adalah beberapa teks </ div>
Situs
<Tombol type = "button" onclick = "displayResult ()"> Modify lebar empat perbatasan </ button>
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Tutorial ini (w3big.com) </ title>
<Jenis Style = "text / css">
# EX1 {
border: 1px solid # FF0000;
}
</ Style>
<Script>
Fungsi displayResult () {
. Document.getElementById ( "ex1") style.borderWidth = "tebal tipis";
}
</ Script>
</ Kepala>
<Body>
<Div id = "ex1"> Ini adalah beberapa teks </ div>
Situs
<Tombol type = "button" onclick = "displayResult ()"> Modify lebar empat perbatasan </ button>
</ Body>
</ Html>
Coba »
gaya Objects