CSS アットルール関数

@identifier 関数([引数]? [, 引数]!) {
}

構文はアット記号 @ と import などのアットルール識別子で始まります。これにアットルール関数の名前、例えば url などが続き、開き括弧と閉じ括弧のペアが続きます。括弧の中に 1 つ以上の引数を指定します。

アットルール関数によっては複数の引数を取ることができ、それらは CSS のプロパティ値に似た書式になります。ホワイトスペースは許されますが、括弧の中はオプションです。複数の引数はカンマかスペースを使用して区切ることができます。

@import アットルールは、他のスタイルシートからスタイルをインポートするために使用します。

@import url()

指定した URL からスタイルシートファイルをインポートします。

@import src()

指定したソースからスタイルシートファイルをインポートします。

@import supports()

ブラウザーの対応状況に基づいてスタイルシートファイルをインポートします。

@import layer()

指定されたカスケードレイヤーの中にスタイルシートファイルをインポートします。

@supports アットルールは、指定した CSS 機能のブラウザーの対応状況を調べ、 CSS スタイル設定を行います。

@supports selector()

指定するセレクター構文へのブラウザーの対応を調べた上で、CSS ルールを適用します。

@supports font-tech()

指定するフォント技術にブラウザーが対応しているかを調べた上で、CSS ルールを適用します。

@supports font-format()

指定するフォント形式へのブラウザーの対応を調べた上で、CSS ルールを適用します。

@namespace アットルールは、CSS スタイルシートで使用する XML 名前空間を指定します。

@namespace url()

XML 名前空間を指定した URL から定義します。

@namespace src()

XML 名前空間を指定したソースから定義します。

@container アットルールは、封じ込めコンテキストのスタイル設定を指定するために使用します。

@container style()

封じ込めコンテキストのスタイルを定義します。