Image width-egenskaben

HTML DOM Image objekt

Definition og brug

width Egenskabssæt eller returnerer billedets width-egenskaben værdien.

HTML width-egenskaben definerer billedets bredde.

Denne egenskab kan også returnere billedets bredde, der er indstillet med CSS (se eksemplet nedenfor).

Påmindelse:Brug height-egenskaben Indstil eller returner billedets height-egenskaben værdien.

Eksempel

Eksempel 1

Ændr billedets bredde til 450px:

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

Prøv det selv

Eksempel 2

Returner billedets bredde:

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

Prøv det selv

Eksempel 3

Ændr billedets højde og bredde til henholdsvis 300px og 450px:

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

Prøv det selv

Eksempel 4

Returner den brugte CSS-stylingen af billedets bredde:

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

Prøv det selv

Sprog

Returner width-egenskaben:

imageObject.width

Indstil width-egenskaben:

imageObject.width = pixels

Egenskabsværdi

Værdi Beskrivelse
pixels Bredde i pixels (f.eks. width="100").

Tekniske detaljer

Returværdi: Værdi, der angiver billedets bredde, i pixels.

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support

Relaterede sider

HTML referencer:HTML <img> width egenskab

HTML DOM Image objekt