Fonction min

La fonction min permet de sélectionner la valeur minimale parmi les valeurs transmises. La fonction accepte comme paramètres deux valeurs ou plus, séparées par des virgules, et renvoie la plus petite d'entre elles.

Syntaxe

csssélecteur {
  propriété: min(valeur1, valeur2);
}

Exemple

Maintenant la largeur du bloc aura la valeur de 300px ou de 50% du parent, selon laquelle de ces valeurs est la plus petite :

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

Результат:

Voir aussi