background-attachment

解説

画面をスクロールするときに、背景画像をその位置に固定するか、スクロールに伴って移動するかを指定します。「scroll」を指定すればスクロールに伴って背景画像も動き、「fixed」 を指定すれば背景画像は固定され、スクロールしても動きません。

プロパティ情報

値：「scroll」か「fixed」のいずれかを必ず指定します。
初期値：scroll
適用対象：全ての要素
継承：しない
パーセンテージ：不可
適用メディア：視覚
レベル：1〜2

参照

color background background-color background-image background-position background-position-x background-position-y background-repeat

使用例

ソース

CSSの記述方法はスタイルシートってなに？も参照下さい。

p.sample {
	background-image      : url("../img/smp.gif");
	background-attachment : fixed;
	width                 : 150px;
	height                : 150px;
	overflow              : scroll;
}
HTMLの記述方法
<p class="sample">
例文は省略。
</p>

表示結果

画面をスクロールするときに、背景画像をその位置に固定するか、スクロールに伴って移動するかを指定します。「scroll」を指定すればスクロールに伴って背景画像も動き、「fixed」 を指定すれば背景画像は固定され、スクロールしても動きません。