background-attachment

background-attachmentは、背景画像のスクロール方法を指定するスタイルです。

解説

背景画像の表示方法の固定・スクロールを指定します。
同時に背景画像の指定（background-image）の指定が必要です。

構文

構文は以下になります。

値

background-attachmentには以下の値が指定できます。

サンプル

背景画像をスクロールする

.sample01{
  width:300px;
  height:200px;
  background-image:url('neko.png');
  background-attachment:scroll;
}

<div class="sample01"></div>

背景画像を固定化する

.sample02{
  width:300px;
  height:200px;
  background-image:url('neko.png');
  background-attachment:fixed;
}

<div class="sample02"></div>

備考

• スクロールさせる場合は、明示的に指定する必要はありません。

関連項目

• background：背景に関するスタイルをまとめて指定する
• background-color：背景色を指定する
• background-image：背景に画像を指定する
• background-repeat：背景画像の表示方法を指定する
• background-position：背景画像の位置を指定する
• background-attachment：背景画像のスクロール方法を指定する
• background-clip：背景画像を表示する範囲を指定する
• background-size：背景画像のサイズを指定する

Tweet