【CSS】@ルール - 動作の定義

【CSS】@ルール - 動作の定義

CSSの@ルール(アットルール)についてご紹介します。

@ルール

@ルールはCSSの動作を定義します。
@charset@import@mediaなど様々な種類があります。

基本構文

@識別子 構文;

構文の部分は設定する@ルールによって異なります。

また、基本的に@ルールはスタイルの最初に定義します。

サンプル

文字コードを設定する@charsetの例を示します。

@charset "utf-8"

代表的な@ルール

一般的な@ルールをご紹介します。

@charset

@charsetはスタイルシート(CSSファイル)の文字コードを定義します。
詳しくは次の記事をご覧ください。

@import

@importは外部スタイルシート(CSSファイル)を読み込みます。
詳しくは次の記事をご覧ください。

@media

@mediaはスタイルを適用する条件を定義します。
詳しくは次の記事をご覧ください。