Image width-attributet

HTML DOM Image objekt

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";

Prova själv

Exempel 2

Returnera bildenens bredd:

var x = document.getElementById("myImg").width;

Prova själv

Exempel 3

Ändra bildenens höjd och bredd till 300px och 450px respektive:

document.getElementById("myImg").height = "300";
document.getElementById("myImg").width = "450";

Prova själv

Exempel 4

Returnera bildenens bredd som använder CSS-stilar:

var x = document.getElementById("myImg").width;

Prova själv

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

HTML DOM Image objekt