最終更新日:
公開日:
リファレンス
CSS
バックグラウンド アタッチメント
background-attachmentプロパティ
要素の背景画像に対し、スクロールされたときの表示設定を指定します。
-
初期値
scroll
-
継承
不可
-
適用できる要素
全要素
値
scroll
要素に対し背景画像を固定表示するため、要素内のスクロールには影響されません。ページ自体のスクロールに対しては要素と一緒に動きます。
CSSコード例
background-attachment: scroll;
local
要素内のスクロール、およびページ自体のスクロールのどちらにも影響されます。
CSSコード例
background-attachment: local;
サンプルテキスト
サンプルテキスト
サンプルテキスト
サンプルテキスト
サンプルテキスト
サンプルテキスト
サンプルテキスト
サンプルテキスト
サンプルテキスト
サンプルテキスト
サンプルテキスト
サンプルテキスト
サンプルテキスト
サンプルテキスト
fixed
ページ自体に固定表示します。そのため、要素内のスクロール、およびページ自体のスクロールのどちらにも影響されません。
CSSコード例
background-attachment: fixed;
こちらの記事は役に立ちましたか?
コメントありがとうございます!
運営の参考にさせていただきます。
ありがとうございます。
もしよろしければ、あわせてフィードバックや要望などをご入力ください。