Функция min

Die Funktion min ermöglicht es, den kleinsten Wert aus den übergebenen Werten auszuwählen. Die Funktion akzeptiert zwei oder mehr Werte als Parameter, getrennt durch Kommas, und gibt den kleinsten davon zurück.

Syntax

cssSelektor {
  Eigenschaft: min(Wert1, Wert2);
}

Beispiel

Jetzt wird die Breite des Blocks entweder den Wert 300px oder 50% des Elternelements haben, abhängig davon, welcher Wert kleiner ist:

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

Результат:

Siehe auch