Khóa học đề xuất:

Hàm max() của CSS

Định nghĩa và cách sử dụng của CSS max() Hàm sẽ chọn giá trị lớn nhất trong danh sách các giá trị cách nhau bằng dấu phẩy làm giá trị thuộc tính.

Mẫu

Sử dụng max() Đặt chiều rộng của #div1 ít nhất 300px, nhưng nếu độ rộng khung nhìn vượt quá 600px, chiều rộng sẽ rộng hơn (50%):

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

Thử ngay

Ngữ pháp CSS

max(value1, value2, ...)
Giá trị Mô tả
value1, value2, ... Bắt buộc. Danh sách các giá trị cách nhau bằng dấu phẩy, chọn giá trị lớn nhất.

Chi tiết kỹ thuật

Phiên bản: Module CSS Values and Units Level 4

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ợ đầy đủ hàm này.

Chrome Edge Firefox Safari Opera
79 79 75 11.1 66

Trang liên quan

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

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