Kuvan width-ominaisuus

HTML DOM Image-objekti

Määritelmä ja käyttö

width Aseta tai palauta kuvan width-ominaisuus arvo.

HTML width-ominaisuus määrittelee kuvan leveys.

Tämä ominaisuus voi myös palauttaa CSS-tyylillä määritetyn kuvan leveys (katso alla oleva esimerkki).

Vinkki:Käytä height-ominaisuus Aseta tai palauta kuvan height-ominaisuus arvo.

Esimerkki

Esimerkki 1

Muuta kuvan leveys 450px:ksi:

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

Kokeile itse

Esimerkki 2

Palauta kuvan leveys:

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

Kokeile itse

Esimerkki 3

Muuta kuvan korkeus ja leveys 300px:ksi ja 450px:ksi:

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

Kokeile itse

Esimerkki 4

Palauta CSS-tyylillä määritetty kuvan leveys:

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

Kokeile itse

Syntaksi

Palauta width-ominaisuus:

imageObject.width

Aseta width-ominaisuus:

imageObject.width = pixels

Atribuuttiarvo

Arvo Kuvaus
pixels Pikseleinä ilmaistu leveys (esim. width="100").

Tekninen yksityiskohta

Palautusarvo: Luku, joka ilmaisee kuvan leveyden pikseleinä.

Selaimen tuki

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki

Liittyvät sivut

HTML-keskeinen oppikirja:HTML <img> width-ominaisuus

HTML DOM Image-objekti