Chức năng min() của CSS

Định nghĩa và cách sử dụng

CSS min() Chức năng sẽ chọn giá trị nhỏ nhất trong danh sách các giá trị phân cách bằng dấu phẩy làm giá trị thuộc tính.

Lưu ý:Bạn có thể đặt min() Chức năng được coi là giá trị giới hạn tối đa cho yếu tố.

Mô hình

Sử dụng min() Đặt độ rộng của #div1 tối đa 300px, nhưng nếu độ rộng khung nhìn nhỏ hơn 600px, độ rộng sẽ nhỏ hơn (50%):

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

Thử ngay

Cú pháp CSS

min(value1, value2, ...)

Chi tiết kỹ thuật

Hỗ trợ trình duyệt

Số liệu trong bảng biểu thị phiên bản trình duyệt đầu tiên hỗ trợ hàm này hoàn toàn.

Trang liên quan

Tham khảo:Hàm max() CSS

Giáo trình:Hàm toán học CSS