Style width ominaisuus

Määrittely ja käyttö

width Aseta tai palauta elementin leveys.

width Ominaisuus on voimassa vain lohko-elementeillä tai elementeillä, joilla on absoluuttinen tai kiinnitetty sijoitus. Overflow-ominaisuus käsittelyyn.

Vinkki:Käytä Height-ominaisuus Aseta tai palauta elementin korkeus.

Lisäksi:

CSS-opetus:CSS Dimension

CSS-opetus:CSS-kehyssilmukka

CSS-oppaasti:Width-ominaisuus

Esimerkki

Esimerkki 1

Aseta <button>-elementin leveys:

document.getElementById("myBtn").style.width = "300px";

Kokeile itse

Esimerkki 2

Muuta <div>-elementin leveys:

document.getElementById("myDIV").style.width = "500px";

Kokeile itse

Esimerkki 3

Muuta <img>-elementin korkeus ja leveys:

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

Kokeile itse

Esimerkki 4

Palauttaa <img>-elementin leveyden:

alert(document.getElementById("myImg").style.width);

Kokeile itse

Syntaksi

Palauta width-ominaisuus:

object.style.width

Aseta width-ominaisuus:

object.style.width = "auto|length|%|initial|inherit"

Ominaisuusarvo

Arvo Kuvaus
auto Selain asettaa leveyden. Oletus.
length Määritä leveys mittayksiköinä.
% Määritä vanhemman elementin leveys prosentteina.
initial Aseta tämä ominaisuus sen oletusarvoon. Katso initial.
inherit Perii tämän ominaisuuden vanhemmalta elementiltä. Katso inherit.

Tekninen yksityiskohta

Oletusarvo: auto
Palautusarvo: Merkkijono, joka ilmaisee elementin leveyden.
CSS versio: CSS1

Selain tukee

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