概要
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 | 自身のコンテンツの色 | コンテンツがテキストの場合はテキストそのものの色指定に用いる |
参考文献