CSS background-attachment | CSS プロパティ値| 意味使い方実例

CSS background-attachment| CSS:スタイルシート関数要素使い方・書き方例 CSS サンプル

2018-06-07 css-reference

ページコンテンツ

`background-attachment` CSS プロパティとは

トピック：背景イメージをページの他の部分と一緒にスクロールするか、または固定するかを設定する事ができる

 body{
     background-image: url("webref.jpg");
     background-repeat: no-repeat;
     background-attachment: fixed;
}

デフォルト値・初期値 :	`scroll`
適用対象 :	全要素 `::first-letter` and `::first-line`.
継承 :	不可
メディア :	visual
計算値 :	指定値
`CSS Version`	`CSS1`
Animation type :	discrete
JavaScript 構文	object.style.backgroundAttachment="fixed"
正規順序 :	形式文法で定義される一意のあいまいでない順序
CSSの構文	`background-attachment: scroll \|fixed \|local \|initial \|inherit;`

値	説明
`scroll`	背景画像はページとともにスクロールします。これはデフォルトです
`fixed`	背景画像はページと共にスクロールしません
`local`	背景画像は要素の内容と共にスクロールします
`initial`	このプロパティをデフォルト値に設定します。
`inherit`	親要素からこのプロパティを継承します。

 body{
     background-image: url("webref.jpg");
     background-repeat: no-repeat;
     background-attachment: scroll;
}

情報：文書と背景画像をスクロールするかどうかを定義する、又は、表示領域に固定されたまま。

機能	Chrome	Firefox	Internet Explorer	Opera	Safari
基本サポート	1.0	1.0 (1.7 or earlier)	4.0	3.5	1.0
複数の背景画像	1.0	3.6 (1.9.2)	9.0	10.5	1.3

機能	Android	Firefox Mobile	IE Phone	Opera Mobile	Safari Mobile
基本サポート	2.1	1.0 (1.9.2)	不明	10.0	3.2
Multiple backgrounds	2.1	1.0 (1.9.2)	不明	10.0	3.2

：background-attachment・ background-attachment, コード関連記事