備忘録的プログラミングリファレンス

background-attachmentプロパティ

 background-attachmentプロパティは、スクロールにおける背景画像の配置を指定するプロパティです。
 配置の指定は、背景画像もスクロールする、スクロールに関係なく固定する、設定エレメントのスクロールに合わせるが選べます。

背景をスクロールに関係なく固定(Exampleを参照
background-attachment: fixed;

関連プロパティ

 以下は関連するプロパティです。

プロパティ名概要
backgroundバックグランドプロパティの一括指定
background-blend-mode複数の背景画像や配色を混ぜ合わせる
background-clipborder、paddingを領域に含めるか
background-colorCSSのColorの指定
background-image画像の挿入
background-origin繰り返し表示を開始する位置
background-position画像の配置位置
background-repeat画像の繰り返し(デフォルトは繰り返し)
background-size画像のサイズ
linear-gradient()線形グラデーション
radial-gradient()円形グラデーション

構文(Syntax)

CSS

background-attachment: scroll | fixed | local;

DOM(JavaScript)

値の取得
String=object.style.backgroundAttachment
値の設定
object.style.backgroundAttachment="_value_" 

値(Values)

Value摘要
scroll初期値(default value)、スクロールする
fixedスクロールに関係なくウィンドウ上に固定
local設定エレメントのスクロールに合わせる
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

初期値(Default value)scroll
継承(Inherited)no
変化(Animatable)no

Example

 background-attachmentの表示例です。スクロールに対して背景を固定するか、否かを指定できます。

 例では固定、fixed値です。背景が固定され、スクロールに連動しません。