例
文書の背景をスタイル：
document.body.style.background = "#f3f3f3 url('img_tree.png') no-repeat right
top"; »それを自分で試してみてください もっと"Try it Yourself"以下の例。
定義と使用法
背景プロパティセットまたは短縮形で、8つの別々のバックグラウンド特性まで戻ります。
このプロパティを使用すると、返却/（任意の順序で）次の一つ以上を設定することができます。
- 背景色
- 背景画像
- 背景リピート
- 背景アタッチメント
- 背景位置
- 背景サイズ
- 背景の原点
- 背景クリップ
上記の特性はまた、別のスタイルプロパティを設定することができます。 別のプロパティを使用することは、非常に優れた制御のための非高度な作家のために推奨されます。
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
| プロパティ | |||||
|---|---|---|---|---|---|
| background | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
注意：以下の値ごとに個別のブラウザのサポートを参照してください。
構文
backgroundプロパティを返します：
object .style.background
backgroundプロパティを設定します。
object .style.background=" プロパティ値 値 説明 color 要素の背景色を設定します。 image 要素の背景画像を設定します。 repeat 背景画像が繰り返されるかを設定します attachment 背景画像は、固定またはページでスクロールするかどうかを設定します position 背景画像の開始位置を設定します。 size 背景画像のサイズを設定します。 origin 背景配置領域を設定します。 clip 背景画像の塗装面積を設定します。 initial このプロパティがデフォルト値に設定します。 最初の記事を読みます inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます
技術的な詳細
デフォルト値： 透明なしリピートスクロール0％0％自動パディングボックスのボーダーボックス 戻り値： 要素の背景を表す文字列 CSSのバージョン CSS1 + CSS3の新しいプロパティ
その他の例
例
DIV要素の背景を変更します。
document.getElementById("myDIV").style.background = "url('smiley.gif') blue repeat-x center"; »それを自分で試してみてください
例
固定されるように背景画像を設定します(will not scroll) ：
document.body.style.backgroundAttachment = "fixed"; »それを自分で試してみてください
関連ページ
CSSチュートリアル： CSSの背景
CSS3チュートリアル： CSS3の背景
CSSリファレンス： background property
<スタイルオブジェクト