CSS min() Function

Definition and Usage

CSS min() The function will select the smallest value from the comma-separated list of values as the attribute value.

Tip:You can set min() The function is considered to be used to set the maximum limit value of the element.

Example

Use min() Set the width of #div1 to a maximum of 300px, but if the viewport width is less than 600px, the width will be smaller (50%):

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

Try It Yourself

CSS Syntax

min(value1, value2, ...)

Technical Details

Browser Support

The numbers in the table indicate the browser version that first fully supports this function.

Related Pages

Reference:CSS max() function

Tutorial:CSS Mathematical Functions