CSS 構文

CSSルールは、セレクターと宣言ブロックで構成されます。

CSS構文

CSS selector

セレクターは、スタイルを設定する HTML要素を指します。

宣言ブロックには、セミコロンで区切られた1つ以上の宣言が含まれています。

各宣言には、コロンで区切られた CSSプロパティ名と値が含まれます。

複数のCSS宣言はセミコロンで区切り、宣言ブロックは中かっこで囲みます。

例

この例では、すべての<p>要素が中央揃えになり、テキストの色は赤になります。

p{ color: red; text-align: center; }

例の説明

pはCSSのセレクターです(スタイルを設定するHTML要素:<p>を指します)。
colorはプロパティであり、redはプロパティ値です
text-alignはプロパティであり、centerはプロパティ値です

次の章では、CSSセレクターとCSSプロパティについてさらに詳しく説明します。

チュートリアル