CSS min() 함수

정의와 사용법

CSS의 min() 함수는 쉼표로 구분된 값 목록에서 가장 작은 값을 속성 값으로 선택합니다.

ヒント:당신은 다음과 같이 할 수 있습니다 min() 함수는 요소의 최대 제한 값을 설정하는 데 사용됩니다.

사용 min() #div1의 너비를 최대 300px로 설정하지만, 뷰포트 너비가 600px 미만이면 너비가 더 작아집니다(50%):

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

min(value1, value2, ...)

값	설명
value1, value2, ...	필수. 쉼표로 구분된 값 목록에서 가장 작은 값을 선택합니다.

버전：	CSS Values and Units Module Level 4

표에서의 숫자는 이 함수를 최초로 완전히 지원하는 브라우저 버전을 나타냅니다.

Chrome	Edge	Firefox	Safari	오페라
79	79	75	11.1	66