Hàm min
Hàm min cho phép chọn giá trị nhỏ 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ị nhỏ nhất
trong số đó.
Cú pháp
bộ chọn {
thuộc tính: min(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 nhỏ hơn:
<div id="parent">
<div id="child"></div>
</div>
#child {
width: min(300px, 50%);
height: 100px;
margin: 0 auto;
border: 1px solid red;
}
#parent {
border: 1px solid green;
}
: