|
 スタイルシートでの背景関連代替指定 |
| ■ background-color |
| 要素に背景色を指定します。値は、カラーネーム又は、RGB値で指定します。 |
 ソース |
<style type="text/css">
<!--
body { background-color : #faf0e6 ; }
-->
</style>
|
|
| ■ background-image プロパティ |
| 要素に背景画像を指定します。値は、url() の、カッコ内に画像までのバスとファイル名を指定します。 |
| また、背景色と、背景画像を同時に指定した場合、背景画像プロパティが優先されます。 |
| ソース |
| background-image : url(background/back.png) |
 |
背景画像を body要素に指定した場合、背景画像によく似た色、若しくは違和感の無い色を指定します。 |
| これは、万一、ブラウザが、background-imageプロパティを読み込めなかった場合の代替値の役割を果たします。 |
|
|
| ■ background-repeat プロパティ |
| background-imageプロパティで背景画像を指定した場合、背景画像の繰り返しパターンを指定します。 |
値
- repeat (縦・横方向に繰り返して表示)
- repeat-x (横方向にのみ繰り返して表示)
- repeat-y (縦方向にのみ繰り返して表示)
- no-repeat (値の画像を一枚のみ表示 / 繰り返しなし。)
|
| ソース |
| background-repeat : repeat-x ; |
|
| ■ background-attachment プロパティ |
| background-imageプロパティで背景画像を指定した場合、背景画像をウィンドウに対して固定するか否かを指定します。 |
| 背景画像を固定した場合、スクロールバーを動かしても背景画像は動きません。 |
値
- fixed (背景画像を固定する)
- scroll (背景画像を固定しない)
|
| ソース |
| background-attachment : fixed ; |
|
| ■ background-position プロパティ |
| background-imageプロパティで背景画像を指定した場合、背景画像をウィンドウに対して固定するか否かを指定します。 |
| 背景画像を固定した場合、スクロールバーを動かしても背景画像は動きません。 |
値
- fixed (背景画像を固定する)
- scroll (背景画像を固定しない)
|
| ソース |
| background-attachment : fixed ; |
|
|
|
|
|
|
背景関連 属性