max() 예제 - 최대값 max() 정의 max() 구문 max() 관련 주소
<style> input, label { padding: 2px; box-sizing: border-box; display: inline-block; width: max(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: max(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 제외한 주요 최신 브라우저 지원.
max(value1, value2,...) [매개변수] value1, value2,... 필수. 최대값을 구하기 위해 비교할 값 (또는 표현식.) [반환값] 열거된 값 중 최대값 반환.
max(value1, value2,...)
[매개변수]
value1, value2,...
필수. 최대값을 구하기 위해 비교할 값 (또는 표현식.)
[반환값]
열거된 값 중 최대값 반환.
mdn CSS max() https://developer.mozilla.org/en-US/docs/Web/CSS/max()
mdn CSS max()
https://developer.mozilla.org/en-US/docs/Web/CSS/max()