HTML│CSSタグ辞書
HTMLタグ、CSS（スタイルシート）のテンプレート集なサイトです。
背景関連
#pink { background-color:#ffcc66; }
背景色の指定
background-color : 色指定
background-color : transparent
※「transparent」は透明の指定、つまり親ボックスの背景が透けて見えます。
#gazou {
background-image:url("sample.gif");
background-color:#ffcc66;
}
背景画像を指定
background-image : url("***.jpg")
background-image : none
※「none」は背景画像を指定しない場合に使用
#sample1 { backrground-repeat:no-repeat;}
#sample2 { backrground-repeat:repeat;}
#sample3 { backrground-repeat:repeat-x;}
#sample4 { backrground-repeat:repeat-y;}
背景画像の繰り返し方法の指定
background-repeat : ***
#ugoku { background-attachment:scroll; }
#kotei { background-attachment:fixed; }
背景画像を固定するか動かすかの指定
backrgound-attachment : ***
#sample1 { backrgound-position:right center; }
#sample2 { background-position:center bottom; }
#sample3 { background-position:30%; }
#sample4 { background-position:30px 40px; }
背景画像の位置を指定（基点は左上）
background-position : 数値＋単位 数値＋単位
水平方向（横方向）と垂直方向（縦方向）を半角スペースで区切って指定します。 数字＋単位を1つしか設定しなかった場合は、水平方向（横方向）を指定したことになり、垂直方向（縦方向）自動的に50%の指定となります。
background-position : *** ***
下記キーワードで指定することも可能
#matome { background: #ffcc66 url("sample.jpg") no-repeat fixed; }
背景に関する設定を一括で指定
background : *** *** *** ・・・
background-color
background-image
background-repeat
background-attachment
background-position
それぞれの必要な値を「半角スペース」で区切って並べます。
順番は決まっていないので適当に。
※省略されたものは初期値が適用されます。
クリックお願いします!!
