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
sé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 :
<div id="parent">
<div id="child"></div>
</div>
#child {
width: min(300px, 50%);
height: 100px;
margin: 0 auto;
border: 1px solid red;
}
#parent {
border: 1px solid green;
}
:
