Breedte afbeelding Eigenschap
Voorbeeld
Wijzig de breedte van een afbeelding in 300px:
document.getElementById("myImg").width = "300";
Definitie en gebruik
Met de eigenschap width wordt de waarde van het kenmerk width van een afbeelding ingesteld of geretourneerd.
Het width attribuut specificeert de breedte van een afbeelding.
Deze eigenschap kan ook de breedte retourneren van een afbeelding die is opgemaakt met CSS (Zie meer voorbeelden).
Tip: gebruik de eigenschap height om de waarde van het height-attribuut van een afbeelding in te stellen of te retourneren.
Browserondersteuning
Property | |||||
---|---|---|---|---|---|
width | Yes | Yes | Yes | Yes | Yes |
Syntaxis
Retourneer de eigenschap width:
imageObject.width
Stel de eigenschap width in:
imageObject.width = pixels
Eigendomswaarden
Value | Description |
---|---|
pixels | The width in pixels (e.g. width="100") |
Technische details
Winstwaarde: | Een getal, dat de breedte van de afbeelding weergeeft, in pixels |
---|
Meer voorbeelden
Voorbeeld
Retourneer de breedte van een afbeelding:
var x = document.getElementById("myImg").width;
Voorbeeld
Wijzig de hoogte en breedte van een afbeelding in 300px:
document.getElementById("myImg").height = "300";
document.getElementById("myImg").width = "300";
Voorbeeld
Retourneer de breedte van een afbeelding die is opgemaakt met CSS:
var x = document.getElementById("myImg").width;
Gerelateerde pagina's
HTML-referentie: HTML <img> width-attribuut
❮ Afbeeldingsobject