min-funksie

Die funksie min laat jou toe om die minimum van die gegewe waardes te kies. Die funksie neem twee of meer waardes as parameters, geskei deur kommas, en gee die minimum terug.

Sintaksis

cssselektor {
  eienskap: min(waarde1, waarde2);
}

Voorbeeld

Nou sal die blok se breedte die waarde hê van óf 300px óf 50% van die ouer, afhangend van watter een kleiner is:

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;
}

Результат:

Sien ook