Style maxWidth ominaisuus

Määrittely ja käyttö

maxWidth Asettaa tai palauttaa elementin suurimman leveyden.

maxWidth Ominaisuus vaikuttaa vain lohko-ominaisuudet tai elementit, joilla on absoluuttinen tai kiinteä sijoitus.

Huomautus:Elementin leveys ei voi koskaan olla suurempi kuin maxWidth Ominaisuuden määrittämän arvon.

Vinkki:Asettaaksesi tai palauttaaksesi elementin pienimmän leveyden, käytä minWidth ominaisuus

Lisäksi katso:

CSS oppitunti:CSS Mitta

CSS viittausoppikirja:max-width ominaisuus

Esimerkki

Esimerkki 1

Aseta <div>-elementin suurin leveys:

document.getElementById("myDiv").style.maxWidth = "100px";

Kokeile itse

Esimerkki 2

Palauttaa <div>-elementin suurimman leveyden:

alert(document.getElementById("myDiv").style.maxWidth);

Kokeile itse

Syntaksi

Palauta maxWidth ominaisuus:

object.style.maxWidth

Aseta maxWidth ominaisuus:

object.style.maxWidth = "none|length|%|initial|inherit"

Ominaisuuden arvo

Arvo Kuvaus
none Elementin leveys ei ole rajoitettu. Oletus.
length Määritä suurin leveys mittayksiköllä.
% Määritä suurin leveys vanhemman elementin prosentteina.
initial Aseta tämä ominaisuus sen oletusarvon arvoon. Katso myös initial
inherit Perii tämän ominaisuuden vanhemmalta elementiltä. Katso myös inherit

Tekninen yksityiskohta

Oletusarvo: Ei mitään
Palautusarvo: Merkistö, joka ilmaisee elementin suurimman leveyden.
CSS versio: CSS2

Selaustuen

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