Fonction max

La fonction max permet de sélectionner la valeur maximale parmi les valeurs transmises. La fonction accepte comme paramètres deux valeurs ou plus, séparées par des virgules, et renvoie la valeur maximale parmi elles.

Syntaxe

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

Exemple

Maintenant, la largeur du bloc aura pour valeur 300px ou 50% du parent, en fonction de la valeur la plus grande :

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

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

Результат:

Voir aussi