CSS/背景

出典: フリー教科書『ウィキブックス（Wikibooks）』

[編集] 背景色

• 属性
  • background-color
• 値
  • 数値（rgb(R,G,B) あるいは #RRGGBB）
  • 色名（black や white など）
  • transparent :透過

p {
	color: yellow;
	background-color: #000000;
}

[編集] 背景画像

[編集] 背景画像を指定

• 属性
  • background-image
• 値
  • url(＜画像のURL＞)
  • none :なし

[編集] 背景画像を固定

• 属性
  • background-attachment
• 値
  • scroll :背景画像もスクロール
  • fixed :背景画像がスクロールしない

[編集] 背景画像の並び方

• 属性
  • background-repeat
• 値
  • repeat :縦横に敷き詰める
  • repeat-x :横方向に敷き詰める
  • repeat-y :縦方向に敷き詰める
  • no-repeat :1つだけ

[編集] 背景画像の表示位置

• 属性
  • background-position
• 値
  • 数値（左から 上から）
  • パーセント（左から 上から）
  • left・center・right（水平方向） top・center・bottom（垂直方向）

Microsoft Internet Explorerには、水平方向の位置・垂直方向の位置のみを指定する方法がある。

[編集] 背景の設定をまとめて指定

• 属性
  • background
• 値
  • ＜background-colorの値＞ ＜background-imageの値＞ ＜background-attachmentの値＞ ＜background-repeatの値＞ ＜background-positionの値＞

[編集] 関連資料

• 『W3C CSS2.1』14.2 The background（W3C）