最終更新日 2021年6月25日

background-attachmentプロパティ

background-attachmentプロパティは、background-imageで指定した背景画像のスクロール方法を指定します。

このプロパティは単独では使えませんので、background-image、background-positionと併用する必要があります。

CSS3での変更点

・値に、localが追加されました。

初期値	適用先	継承
scroll	すべての要素	なし

値	説明
fixed	背景画像を指定した位置に固定する
local	背景画像を要素内のコンテンツと一緒にスクロールさせる
scroll	通常通り、背景画像を要素と一緒にスクロールさせる（初期値）

サンプルコード

background-attachment: fixed;
background-attachment: local;
background-attachment: scroll;

当サイトの活動をサポートしてみませんか？気軽にクリエイターの支援ができます。