Funktionen max

Funktionen max giver mulighed for at vælge den maksimale af de overførte værdier. Funktionen tager to eller flere værdier som parametre, adskilt af kommaer, og returnerer den maksimale af dem.

Syntaks

cssselector {
  property: max(værdi1, værdi2);
}

Eksempel

Nu vil blokkens bredde have en værdi på enten 300px eller 50% af forælderen, afhængigt af hvilken værdi der er størst:

html<div id="parent">
  <div id="child"></div>
</div>

css#child {
  width: max(300px, 50%);
  height: 100px;
  margin: 0 auto;
  border: 1px solid red;
}
#parent {
  border: 1px solid green;
}

Результат:

Se også