Hàm quy tắc at CSS - CSS

Cú pháp

@identifier function([argument]? [, argument]!) {
}

Cú pháp bắt đầu bằng ký hiệu at @ và một định danh quy tắc at, chẳng hạn như import. Tiếp theo là tên của hàm quy tắc at, chẳng hạn như url, theo sau là một cặp dấu ngoặc đơn mở và đóng. Một hoặc nhiều đối số được chỉ định bên trong dấu ngoặc đơn.

Một số hàm quy tắc at có thể nhận nhiều đối số, được định dạng tương tự như giá trị thuộc tính CSS. Khoảng trắng được cho phép, nhưng không bắt buộc bên trong dấu ngoặc đơn. Nhiều đối số có thể được phân tách bằng dấu phẩy hoặc khoảng trắng.

Hàm @import

Quy tắc at @import được dùng để nhập kiểu dáng từ các stylesheet khác.

@import url(): Nhập tệp stylesheet từ URL được chỉ định.
@import supports(): Nhập tệp stylesheet dựa trên sự hỗ trợ của trình duyệt.
@import layer(): Nhập tệp stylesheet vào cascade layer được chỉ định.

Hàm @supports

Quy tắc at @supports kiểm tra sự hỗ trợ của trình duyệt đối với tính năng CSS được chỉ định rồi áp dụng kiểu dáng CSS.

@supports selector(): Áp dụng các quy tắc CSS sau khi kiểm tra sự hỗ trợ của trình duyệt cho cú pháp bộ chọn được chỉ định.
@supports font-tech(): Áp dụng các quy tắc CSS sau khi kiểm tra sự hỗ trợ của trình duyệt cho công nghệ phông chữ được chỉ định.
@supports font-format(): Áp dụng các quy tắc CSS sau khi kiểm tra sự hỗ trợ của trình duyệt cho định dạng phông chữ được chỉ định.