Fonction max() CSS

Fonctions CSS

Exemple

Utilisez la fonction max() pour définir la largeur de #div1 à la plus grande valeur, en prenant le maximum de 50% ou 300px :

#div1 { background-color: yellow; height: 100px; width: max(50%, 300px); }

Essayez-le vous-même »

Définition et utilisation

La fonction max() vous permet de sélectionner la plus grande valeur dans une liste d'expressions séparées par des virgules comme valeur d'une propriété.

La méthode de la fonction max() accepte une ou plusieurs expressions séparées par des virgules comme paramètres, et la valeur de l'expression ayant la plus grande valeur numérique est utilisée comme valeur de la propriété spécifiée.

/* 属性: max(expression [, expression]) */
width: max(10vw, 4em, 80px);

Dans l'exemple ci-dessus, la largeur sera d'au moins 80px, à moins que la largeur de la fenêtre d'affichage ne soit supérieure à 800px ou qu'un em soit plus large que 20px. En termes simples, la largeur minimale est de 80px. Vous pouvez également considérer la valeur de max() comme fournissant une valeur minimale possible pour une propriété.

Versions prises en charge : CSS3


Prise en charge des navigateurs

Les nombres dans le tableau indiquent le premier numéro de version de navigateur qui prend en charge cette fonction.

Fonction
max() 79.0 79.0 75.0 11.1 66.0

Syntaxe CSS

max(value1, value2, ...)
Valeur Description
value1, value2, ... Obligatoire. Une liste de valeurs séparées par des virgules parmi lesquelles le maximum est sélectionné.

Fonctions CSS

autres extensions