CSS 構文


実例

  • 表示
  • 表示

CSS 実例

CSS ルールは、セレクタと1つ以上の宣言の2つの主要な部分から構成されます:

セレクタは通常、スタイルを変更したいHTML要素です。

各宣言は、1つのプロパティと1つの値で構成されます。

プロパティ(property)は、設定したいスタイル属性(style attribute)です。各プロパティには1つの値があります。プロパティと値はコロンで区切られます。


CSS 実例

CSS宣言は常にセミコロンで;終了し、宣言は常に波括弧で{}囲まれます:

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

CSSの可読性を高めるために、各行に1つのプロパティだけを記述できます:

実例

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

試してみる »


CSS コメント

コメントはあなたのコードを説明するためのもので、自由に編集できます。ブラウザはコメントを無視します。

CSSコメントは/*で始まり、*/で終わります。実例は次のとおりです:

実例

/*これはコメントです*/ p { text-align:center; /*これは別のコメントです*/ color:black; font-family:arial; }
その他の拡張機能