atribut lebar HTML DOM Style
gaya Objects Definisi dan Penggunaan
set properti lebar atau mengembalikan lebar elemen.
atribut lebar hanya berperan dalam unsur unsur blok-tingkat atau / posisi tetap mutlak. Meluap meluap konten atribut dapat dibatasi.
tatabahasa
Mengatur properti width:
Object.style.width="auto|length|%|inherit"
atribut Kembali width:
Object.style.width
| 值 | 描述 |
|---|---|
| auto | 默认。浏览器设置的宽度。 |
| length | 使用 px、cm 等单位定义宽度。 |
| % | 定义宽度为父元素的百分比。 |
| inherit | width 属性的值从父元素继承。 |
Dukungan Browser
Semua browser utama mendukung atribut lebar.
Catatan: IE7 dan versi sebelumnya tidak mendukung "mewarisi" nilai.IE8 hanya menyediakan! DOCTYPE didukung "mewarisi". dukungan IE9 "mewarisi".
contoh
contoh
Mengatur lebar tombol ini:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function displayResult(){
document.getElementById("b1").style.width="300px";
}
</script>
</head>
<body>
<input type="button" id="b1" onclick="displayResult()" value="修改按钮的宽度">
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function displayResult(){
document.getElementById("b1").style.width="300px";
}
</script>
</head>
<body>
<input type="button" id="b1" onclick="displayResult()" value="修改按钮的宽度">
</body>
</html>
Coba »
gaya Objects