背景画像に関するタグ

背景画像に関するタグ。

■背景画像の指定

background-image:url(画像アドレス);

■背景画像の繰り返しをするかしないかの指定
繰り返さない（一枚絵を置く場合など）

background-repeat:no-repeat;

繰り替えす（壁紙画像などを敷き詰める場合など）

background-repeat:repeat;

■背景画像の位置の指定
　★=横位置（左端からの距離）、★=縦位置（上からの距離）

background-position:★ ★;

【例１】キーワード指定
left（左）、center（中央）、 right（右）、top（上）、bottom（下）

background-position:left center;　/*左端・中央*/
background-position:right top;　/*右端・上*/

【例２】％指定

background-position:0% 100%;　/*左端・下*/
background-position:50% 50%;　/*中央*/
background-position:20% 80%;　/*左端から20％・上から80％*/

■背景画像の固定・移動の指定
背景画像を固定

background-attachment:fixed;

背景画像をスクロールに合わせて移動（デフォルト）

background-attachment:scroll;

記述例

body {
background-image:url(画像アドレス);
background-repeat:no-repeat;
background-position:left top;
background-attachment:fixed;
}