CSS max-height ominaisuus

Määrittely ja käyttö

max-height-ominaisuus asettaa elementin suurimman korkeuden.

Kuvaus

Tämä ominaisuuden arvo asettaa elementille korkeuden enimmäismäärän. Siksi elementti voi olla lyhyempi kuin määritelty arvo, mutta ei pidempää. Ei sallita negatiivisia arvoja.

Huomautus:max-height-ominaisuus ei sisällä ulkopuolisia marginaaleja, reunaviivoja ja sisäisiä marginaaleja.

Katso myös:

CSS-opas:CSS-mittat

CSS-opas:min-height-ominaisuus

HTML DOM -viittausopas:maxHeight-ominaisuus

Esimerkki

Aseta kappaleen suurin korkeus:

p
  {
  max-height:100px;
  }

Kokeile itse

CSS-kieli

max-height: none|length|initial|inherit;

Ominaisuuden arvo

Arvo Kuvaus
ei ole Oletus. Määritellään, että elementille ei ole asetettu enempää kuin sallittu suurin korkeus.
length Määritellään elementin suurin korkeusarvo.
% Määritellään prosenttiperusteinen suurin korkeus sisältävän blokin suhteen.
inherit Määritellään, että max-height-ominaisuuden arvo pitäisi periä vanhemmalta elementiltä.

Tekninen yksityiskohta

Oletusarvo: ei ole
Perinnäisyys: ei
Versio: CSS2
JavaScript-kieli: object.style.maxHeight="50px"

TIY-esimerkki

Aseta elementin suurin korkeus
Tämä esimerkki näyttää, miten voit asettaa elementin suurimman korkeuden.

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka täysin tukee kyseistä ominaisuutta.

Chrome IE / Edge Firefox Safari Opera
1.0 7.0 1.0 2.0.2 7.0