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
」 を指定すれば背景画像は固定され、スクロールしても動きません。