CSS max() Function

Definition and Usage

CSS max() The function selects the largest value from the list of comma-separated values as the attribute value.

Example

Using max() Set the width of #div1 to at least 300px, but if the viewport width exceeds 600px, the width will be wider (50%):

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

Try It Yourself

CSS Syntax

max(value1, value2, ...)

Technical Details

Browser Support

The numbers in the table represent the first browser version to fully support this function.

Páginas relacionadas

Referencias:Función min() de CSS

Tutoriales:Funciones matemáticas de CSS