Styl breedte Eiendom
Voorbeeld
Stel die breedte van 'n <knoppie>-element:
document.getElementById("myBtn").style.width = "300px";
Definisie en gebruik
Die width-eienskap stel of gee die width 'n element terug.
Die breedte-eienskap het slegs effek op blokvlakelemente of op elemente met absolute of vaste posisie. Die oorloop-inhoud kan met die oorloop-eienskap gemanipuleer word.
Wenk: Gebruik die hoogte -eienskap om die hoogte van 'n element te stel of terug te gee.
Blaaierondersteuning
Property | |||||
---|---|---|---|---|---|
width | Yes | Yes | Yes | Yes | Yes |
Sintaksis
Gee die breedte-eienskap terug:
object.style.width
Stel die breedte-eienskap:
object.style.width = "auto|length|%|initial|inherit"
Eiendomswaardes
Value | Description |
---|---|
auto | The browser sets the width. This is default |
length | Defines the width in length units |
% | Defines the width in % of the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Tegniese besonderhede
Standaard waarde: | outo |
---|---|
Terugkeerwaarde: | 'n String, wat die breedte van 'n element voorstel |
CSS weergawe | CSS1 |
Meer voorbeelde
Voorbeeld
Verander die breedte van 'n <div>-element:
document.getElementById("myDIV").style.width = "500px";
Voorbeeld
Verander die hoogte en breedte van 'n <img>-element:
document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";
Voorbeeld
Gee die breedte van 'n <img>-element terug:
alert(document.getElementById("myImg").style.width);
Verwante bladsye
CSS handleiding: CSS Dimensie
CSS handleiding: CSS Box model
CSS verwysing: breedte eiendom
❮ Stylvoorwerp