Funktionen min

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

Syntaks

cssselektor {
  egenskab: min(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 mindre:

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

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

Результат:

Se også