CSS @ 規則函式

CSS @規則函式是表示複雜規則或可以呼叫特殊資料處理或計算的 @規則語句。

語法

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

語法以 at 符號 @ 和 @規則識別符號開頭,例如 import。接著是 @規則函式的名稱,例如 url,然後是一對開閉括號。括號內指定一個或多個引數。

某些 @規則函式可以接受多個引數,這些引數的格式類似於 CSS 屬性值。允許有空白,但在括號內是可選的。多個引數可以使用逗號或空格分隔。

@import 函式

@import @規則用於從其他樣式表匯入樣式。

@import url()

從指定的 URL 匯入樣式表文件。

@import supports()

根據瀏覽器支援情況匯入樣式表文件。

@import layer()

將樣式表文件匯入到指定的層疊層。

@supports 函式

@supports @規則檢查瀏覽器對指定 CSS 功能的支援,然後應用 CSS 樣式。

@supports selector()

在檢查瀏覽器對指定選擇器語法的支援後應用 CSS 規則。

@supports font-tech()

在檢查瀏覽器對指定字型技術的支援後應用 CSS 規則。

@supports font-format()

在檢查瀏覽器對指定字型格式的支援後應用 CSS 規則。

@namespace 函式

@namespace @規則用於指定在 CSS 樣式表中使用的 XML 名稱空間。

@namespace url()

從指定的 URL 定義 XML 名稱空間。

@container 函式

@container @規則用於為包含上下文指定樣式。

@container style()

定義包含上下文樣式。

另見