Image width-attributet
Definition och användning
width
Attributet ställer in eller returnerar bildenens width-attributet värdet.
HTML width-attributet specificerar bildenens bredd.
Detta attribut kan också returnera bildenens bredd som använder CSS-stilar (se exempel nedan).
Tips:Använd height-attributet Ställ in eller returnera bildenens height-attributet värdet.
Exempel
Exempel 1
Ändra bildenens bredd till 450px:
document.getElementById("myImg").width = "450";
Exempel 2
Returnera bildenens bredd:
var x = document.getElementById("myImg").width;
Exempel 3
Ändra bildenens höjd och bredd till 300px och 450px respektive:
document.getElementById("myImg").height = "300"; document.getElementById("myImg").width = "450";
Exempel 4
Returnera bildenens bredd som använder CSS-stilar:
var x = document.getElementById("myImg").width;
Syntax
Returnera width-attributet:
imageObject.width
Ställ in width-attributet:
imageObject.width = pixels
Egenskapsvärde
Värde | Beskrivning |
---|---|
pixels | Bredd i pixlar (t.ex. width="100"). |
Tekniska detaljer
Returvärde: | Numer, som representerar bildens bredd i pixlar. |
---|
Webbläsarstöd
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Stöd | Stöd | Stöd | Stöd | Stöd |
Relaterade sidor
HTML-referenshandbok:HTML <img> bredd egenskap