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