Función CSS min()

CSS 函数Funciones CSS

Ejemplos

Utilice la función min() para establecer el ancho de #div1 al valor más pequeño, tomando el mínimo entre 50% o 300px:

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

Pruébalo »

Definición y uso

La función min() te permite elegir el valor más pequeño de una lista de expresiones separadas por comas como valor de la propiedad.

La función min() acepta una o más expresiones separadas por comas como sus parámetros, y el valor de la expresión con el valor numérico más pequeño será el valor de la propiedad especificada.

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

En el ejemplo anterior, el ancho es como máximo 80px. Si el ancho de la ventana gráfica es menor que 800px, o el ancho de un em es menor que 20px, será más estrecho. En otras palabras, el ancho máximo es 80px,

Versión compatible: CSS3

Soporte del navegador

Los números de la tabla indican la primera versión del navegador que es compatible con la función.

Función
min() 79.0 79.0 75.0 11.1 66.0

Sintaxis CSS

min(value1, value2, ...)
Valor Descripción
value1, value2, ... Obligatorio. Lista de valores separados por comas; selecciona el valor mínimo.

CSS 函数Funciones CSS

Otras extensiones