例
固定されるように背景画像を設定します(will not scroll) ：
document.body.style.backgroundAttachment = "fixed"; »それを自分で試してみてください もっと"Try it Yourself"以下の例。
定義と使用法
backgroundAttachmentプロパティセットや背景画像は、コンテンツにスクロールする必要があり、あるいは固定することかどうかを返します。
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
| プロパティ | |||||
|---|---|---|---|---|---|
| backgroundAttachment | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
構文
backgroundAttachmentプロパティを返します：
object .style.backgroundAttachment
backgroundAttachmentプロパティを設定します。
object .style.backgroundAttachment="scroll|fixed|local|initial|inherit"
プロパティ値
| 値 | 説明 |
|---|---|
| scroll | 要素と一緒に背景がスクロールします。 これがデフォルトです |
| fixed | 背景は、ビューポートに関連して固定されています。 |
| local | 要素の内容に加えて、背景スクロール |
| initial | このプロパティがデフォルト値に設定します。 最初の記事を読みます |
| inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
技術的な詳細
| デフォルト値： | スクロール |
|---|---|
| 戻り値： | 背景画像は、文書内のオブジェクトに付加する方法を表す文字列 |
| CSSのバージョン | CSS1 |
その他の例
例
DIV要素のスクロールとローカルの間で選択します：
document.getElementById("myDIV").style.backgroundAttachment = "local"; »それを自分で試してみてください 例
スクロールと固定を切り替えます：
var x = document.body.style.backgroundAttachment;
document.body.style.backgroundAttachment=(x=="scroll")? "fixed":"scroll"; »それを自分で試してみてください 関連ページ
CSSチュートリアル： CSSの背景
CSSリファレンス： background-attachment property
HTML DOMリファレンス： background property
<スタイルオブジェクト