CSSの初歩的な用語まとめ

概要

CSSにふれるうえで本当に最小限知っておきたい用語を簡単にまとめる。

内容

サンプルコード

p {
  color: red;
}

パーツ	用語	備考
p	セレクター
color	プロパティ
red	プロパティ値
color: red	宣言
p { color: red; }	（pセレクターの）ルールセット or ルール

レイアウトにおけるボックスモデルのプロパティ

下記の「ふるまい」にはすべて接頭語として「指定したHTMLの要素の」という文言が入る。

プロパティ名	ふるまい	備考
padding	自身のすぐ外の空間	指定空間の余白の指定に使いがち
border	paddingの外側の線
margin	borderの外側の空間	指定空間の余白の指定に使いがち
width	自身の幅
background-color	borderまでの空間の背景色
color	自身のコンテンツの色	コンテンツがテキストの場合はテキストそのものの色指定に用いる

参考文献