最新のWeb開発のチュートリアル
 

Style backgroundImage Property

<スタイルオブジェクト

文書の背景画像を設定します。

document.body.style.backgroundImage = "url('img_tree.png')";
»それを自分で試してみてください

もっと"Try it Yourself"以下の例。


定義と使用法

BackgroundImageプロパティセットまたは要素の背景画像を返します。

Tip:背景画像に加えて、あなたはまた、背景色を指定する必要があります。 画像が利用できない場合は背景色が使用されます。


ブラウザのサポート

表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。

プロパティ
backgroundImage 1.0 4.0 1.0 1.0 3.5

構文

BackgroundImageプロパティを返します:

object .style.backgroundImage

BackgroundImageプロパティを設定します。

object .style.backgroundImage="url(' プロパティ値
説明
url( 'URL' ) 画像ファイルの場所
none いいえ背景画像ません。 これがデフォルトです
initial このプロパティがデフォルト値に設定します。 最初の記事を読みます
inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます

技術的な詳細

デフォルト値: なし
戻り値: 背景画像を表す文字列、
CSSのバージョン CSS1

その他の例

特定の背景画像を設定<div>要素を:

document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')";
»それを自分で試してみてください

特定の背景画像返す<div>要素を:

alert(document.getElementById("myDiv").style.backgroundImage);
»それを自分で試してみてください

文書の背景画像を返します:

alert(document.body.style.backgroundImage);
»それを自分で試してみてください

関連ページ

CSSチュートリアル: CSSの背景

CSS3チュートリアル: CSS3の背景

CSSリファレンス: background-image property

HTML DOMリファレンス: background property


<スタイルオブジェクト