min-funksjonen

Funksjonen min lar deg velge den minste av de overførte verdiene. Funksjonen tar som parametere to eller flere verdier, atskilt med komma, og returnerer den minste av dem.

Syntaks

cssvelger {
  egenskap: min(verdi1, verdi2);
}

Eksempel

Nå vil bredden på blokken ha en verdi på enten 300px eller 50% av forelderen, avhengig av hvilken verdi som er minst:

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å