Style maxHeight-ominaisuus
- Edellinen sivu marginTop
- Seuraava sivu maxWidth
- Palaa ylös HTML DOM Style-objekti
Määrittely ja käyttö
maxHeight
Asettaa tai palauttaa elementin suurimman korkeuden.
maxHeight
Ominaisuus on voimassa vain lohko-elementeillä tai elementeillä, joilla on absoluuttinen tai kiinteä sijoitus.
Huomautus:Elementin korkeus ei voi koskaan olla suurempi kuin maxHeight
ominaisuuden määrittämän arvon.
Vinkki:Jos haluat asettaa tai palauttaa elementin pienimmän korkeuden, käytä minHeight-ominaisuus.
Lisäksi:
CSS oppitunti:CSS Mitta
CSS viittausopas:max-height-ominaisuus
Esimerkki
Esimerkki 1
Aseta <div>-elementin suurin korkeus:
document.getElementById("myDIV").style.maxHeight = "15px";
Esimerkki 2
Palauta <div>-elementin suurin korkeus:
alert(document.getElementById("myDIV").style.maxHeight);
Syntaksi
Palauta maxHeight-ominaisuus:
object.style.maxHeight
Aseta maxHeight-ominaisuus:
object.style.maxHeight = "none|length|%|initial|inherit"
Ominaisuuden arvo
Arvo | Kuvaus |
---|---|
none | Elementin korkeus ei ole rajattu. Oletus. |
length | Määritä suurin korkeus mittayksikönä. |
% | Määritä suurin korkeus vanhemman elementin prosentteina. |
initial | Aseta tämä ominaisuus sen oletusarvon arvoksi. Katso initial. |
inherit | Periisi elementistä tämän ominaisuuden arvon. Katso inherit. |
Tekninen yksityiskohta
Oletusarvo: | Ei mitään |
---|---|
Palautusarvo: | Merkkiäinen merkkijono, joka ilmaisee elementin suurimman korkeuden. |
CSS versio: | CSS2 |
Selaimen tuki
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Tuki | Tuki | Tuki | Tuki | Tuki |
- Edellinen sivu marginTop
- Seuraava sivu maxWidth
- Palaa ylös HTML DOM Style-objekti