Hàm max
Hàm max cho phép chọn giá trị lớn nhất
trong số các giá trị được truyền vào. Hàm nhận
hai hoặc nhiều giá trị làm tham số,
phân tách bằng dấu phẩy, và trả về giá trị lớn nhất
trong số chúng.
Cú pháp
bộ chọn {
thuộc tính: max(giá_trị1, giá_trị2);
}
Ví dụ
Bây giờ chiều rộng của khối sẽ có giá trị
là 300px hoặc 50% của phần tử cha,
tùy thuộc vào giá trị nào lớn hơn:
<div id="parent">
<div id="child"></div>
</div>
#child {
width: max(300px, 50%);
height: 100px;
margin: 0 auto;
border: 1px solid red;
}
#parent {
border: 1px solid green;
}
: