Image breedte-eigenschap

HTML DOM Image object

Definitie en gebruik

breedte Eigenschap stelt of geeft de breedte van het beeld in of terug Breedte-eigenschap waarde.

De HTML breedte-eigenschap规定图像的宽度。

Deze eigenschap kan ook de breedte van het beeld teruggeven die is ingesteld met CSS-stijlen (zie het voorbeeld hieronder).

Tip:Gebruik Hoogte-eigenschap Stel of geef de breedte van het beeld in of terug Hoogte-eigenschap waarde.

Voorbeeld

Voorbeeld 1

Verander de breedte van het beeld naar 450px:

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

Probeer het zelf

Voorbeeld 2

Geef de breedte van het beeld terug:

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

Probeer het zelf

Voorbeeld 3

Verander de hoogte en breedte van het beeld respectievelijk naar 300px en 450px:

document.getElementById("myImg").hoogte = "300";
document.getElementById("myImg").breedte = "450";

Probeer het zelf

Voorbeeld 4

Geef de breedte van het beeld terug die is ingesteld met CSS-stijlen:

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

Probeer het zelf

Syntaxis

Geef de breedte-eigenschap terug:

imageObject.breedte

Stel de breedte-eigenschap in:

imageObject.breedte = pixels

Attribute Value

Value Description
pixels Width in pixels (for example width="100").

Technical Details

Return Value: A number representing the width of the image, in pixels.

Browser Support

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

Related Pages

HTML Reference Manual:HTML <img> width Attribute

HTML DOM Image object