CSS max()-funktio

Määrittely ja käyttö

CSS:n max() Funktio valitsee suurimman arvon pilkulla erotetusta arvojen listasta ominaisuuden arvoksi.

Esimerkki

Käytä max() Aseta #div1:n leveys vähintään 300px, mutta jos näyttöalueen leveys ylittää 600px, leveys kasvaa (50%):

#div1 {
  background-color: yellow;
  height: 80px;
  width: max(50%, 300px);
}

Kokeile itse

CSS-grammatiikka

max(value1, value2, ...)
Arvo Kuvaus
value1, value2, ... Välttämätön. Pilkulla erotettu arvojen lista, joista valitaan suurin arvo.

Tekninen yksityiskohta

Versio: CSS Values and Units Module Level 4

Selaimen tuki

Taulukon numerot ilmaisevat ensimmäisen selaimen version, joka täysin tukee tätä toimintoa。

Chrome Edge Firefox Safari Opera
79 79 75 11.1 66

Liittyvät sivut

Viittaukset:CSS min() funktio

Ohje:CSS-matemaattiset funktiot