backgroundの指定について

こんにちはスウェルデザインのWです。

今日は、なにかと使うたびに調べてしまうので

backgroundの一括設定の方法を備忘録として残すことにしました。

CSSの中でも必ず出てくるbackground その指定の種類だけでもこれだけあります。

background--------------背景に関する指定をまとめて行う background-attachment---背景画像の固定・移動を指定する background-color--------背景色を指定する background-image--------背景画像を指定する background-position-----背景画像の表示開始位置を指定する background-position-x---背景画像の横位置を指定する（IE独自の仕様） background-position-y---背景画像の縦位置を指定する（IE独自の仕様） background-repeat-------背景画像のリピートの仕方を指定する

この種類の指定を1つずつ書き込んでいくのもバカバカしいですよね なのでひとつにまとめようと思います。

することはとても簡単です。 backgroundの後に立て続けて記述するだけでいいのです。

#bg {
     background: #000 url(image/bg.png) no-repeat fixed right bottom;
    }

％での位置指定もできます。 必要な指定だけあれば良いので、使わない記述は無くても問題ありません。