English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
CSS background-attachment属性は背景画像がドキュメントのスクロールに従うか、ビューポート内に固定されるかを定義します。
以下のテーブルはこの属性の使用状況とバージョン履歴をまとめています。
| デフォルト値： | scroll |
|---|---|
| 適用： | すべての要素 |
| 継承： | ありません |
| アニメーション可能： | いいえ。参照してください アニメーション属性。 |
| バージョン： | CSS 1、2、3 |
| JavaScript 構文: | object object.style.backgroundAttachment="fixed" |
この属性の構文は以下の通りです：
background-attachment: scroll | fixed | initial | inherit
以下の例では、backgroundを使用する方法を示しています。-attachment属性。
body { background-image: url("images/recycle.jpg");background-attachment: fixed;}テストしてみる‹/›以下のテーブルはこの属性の値を説明しています。
| 値 | 説明 |
|---|---|
| scroll | デフォルト値。背景画像は要素自身に対して固定され、ビューポート内で含まれる要素とともにスクロールします。 |
| fixed | 背景画像はビューポートに対して固定され、要素とともに移動しません。 |
| local | 背景画像は要素の内容に対して固定されます：要素にスクロールメカニズムがある場合、背景は要素の内容とともにスクロールします。 |
| initial | この属性をデフォルト値に設定します。 |
| inherit | 指定された場合、関連する要素は親要素のbackgroundを使用します。-attachment属性の計算値。 |
background-attachment属性のブラウザの互換性、すべての主要ブラウザがこの属性をサポートしています。
|
以下のチュートリアルを参照してください：CSS背景、CSS3背景。
関連属性：background、background-color、background-clip、background-image、background-origin、background-position、background-repeat、background-size。