Función max() de CSS

CSS 函数Funciones CSS

Ejemplo

Usa la función max() para establecer el ancho de #div1 al valor máximo, tomando el mayor de 50% o 300px:

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

Pruébalo »

Definición y uso

La función max() te permite seleccionar el mayor valor de una lista de expresiones separadas por comas como valor de una propiedad.

La función max() acepta una o más expresiones separadas por comas como parámetros, y el valor de la expresión con el mayor valor numérico se convertirá en el valor de la propiedad especificada.

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

En el ejemplo anterior, el ancho será como mínimo 80px, a menos que el ancho de la ventana gráfica sea mayor que 800px o que un em sea más ancho que 20px. En términos simples, el ancho mínimo es 80px. También puedes considerar que el valor de max() proporciona el valor mínimo posible para una propiedad.

Versión compatible: CSS3

Soporte del navegador

Los números en la tabla representan el número de la primera versión del navegador que admite esta función.

Función
max() 79.0 79.0 75.0 11.1 66.0

Sintaxis CSS

max(value1, value2, ...)
Valor Descripción
value1, value2, ... Obligatorio. Lista de valores separados por comas, selecciona el valor máximo.

CSS 函数Funciones CSS

Otras extensiones