KAWANO's PukiWiki Plus! - Lecture/JouhouC2008/8th/bg_position のバックアップ(No.1)

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• 現在との差分 - Visual を表示
• ソース を表示
• Lecture/JouhouC2008/8th/bg_position へ行く。
  • 1 (2008-05-29 (木) 03:41:11)

背景画像の表示位置の設定

ブロックの背景に設定した画像の表示位置を設定するには、 background-positionプロパティを設定します。

background-position: 横の表示位置 縦の表示位置
background-position: 横の表示位置

background-positionプロパティは、 背景画像のウィンドウの中での表示位置を指定します。 表示位置には次のような設定ができます。

• 左上を基点とした単位つき数字: 100px, 200pxなど
• 左上を基点とした%
• left（横方向の0%と同じ）
• right（横方向の100%と同じ）
• center（横・縦方向の50%と同じ）
• top（縦方向の0%と同じ）
• bottom（縦方向の100%と同じ）

body {
  background-image: url(bgimage.gif);
  background-repeat: no-repeat;
  background-position: center center;
}

• background-positionの例（right top）
  
• background-positionの例（left bottom）
  

次へ進んでください。