min() 예제 - 최소값 min() 정의 min() 구문 min() 관련 주소
<style> input, label { padding: 2px; box-sizing: border-box; display: inline-block; width: min(40%, 200px); background-color: yellow; } form { margin: 4px; border: 1px solid black; padding: 4px; } </style> <form> <label>이름 입력:</label> <input type="text"> </form> 결과보기
<style>
input, label {
padding: 2px;
box-sizing: border-box;
display: inline-block;
width: min(40%, 200px);
background-color: yellow;
}
form {
margin: 4px;
border: 1px solid black;
padding: 4px;
</style>
<form>
<label>이름 입력:</label>
<input type="text">
</form>
결과보기
열거된 값 중 최소값을 기준으로 사용. 1. ※ 값은 수학적 표현식도 가능. ※ 각각의 값은 다른 단위 가능. ※ 계산 순서 위해 괄호 사용 가능. 2. IE 제외한 주요 최신 브라우저 지원.
1.
※ 값은 수학적 표현식도 가능.
※ 각각의 값은 다른 단위 가능.
※ 계산 순서 위해 괄호 사용 가능.
2.
IE 제외한 주요 최신 브라우저 지원.
min(value1, value2,...) [매개변수] value1, value2,... 필수. 최소값을 구하기 위해 비교할 값 (또는 표현식.) [반환값] 열거된 값 중 최소값 반환.
min(value1, value2,...)
[매개변수]
value1, value2,...
필수. 최소값을 구하기 위해 비교할 값 (또는 표현식.)
[반환값]
열거된 값 중 최소값 반환.
mdn CSS min() https://developer.mozilla.org/en-US/docs/Web/CSS/min()
mdn CSS min()
https://developer.mozilla.org/en-US/docs/Web/CSS/min()