背景色 background-color
背景色を設定することができます。
background-color : Webカラー
Webカラーには"#FF0000"や"red"といった指定をします。
透明にしたいときは"transparent"を指定します。
背景画像 background-image
背景に画像を指定することが可能です。
background-image : url("画像へのパス")
画像へのパスには設置されている画像のURLを指定します。
画像の位置 background-position
設置した画像の位置を指定することができます。
background-position : 横方向の画像の位置 縦方向の画像の位置
画像の位置は
- "px"や"pt"などの単位付きの数値
- "%"といった割合指定
- "left"、"right"、"center"、"top"、" bottom"といった明示的な指定
で指定します。
画像固定 background-attachment
設置した画像を固定することができます。
background-attachment : 画像固定の有無
画像を固定する場合は"fixed"、スクロールさせるときは"scroll"を指定します。
何も指定していないときは、"scroll"が指定されています。
画像の並び background-repeat
画像の表示方法を指定します。
background-repeat : 画像の配置
画像の配置には
- no-repeat ： 背景画像を繰り返さず一つだけ表示
- repeat-x ： 背景画像を横方向のみに繰り返して表示
- repeat-y ： 背景画像を縦方向のみに繰り返して表示
- repeat ： 背景画像を縦横に繰り返して表示
といった指定をします。