もっと"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); »それを自分で試してみてください
関連ページ
CSSチュートリアル: CSSの背景
CSS3チュートリアル: CSS3の背景
CSSリファレンス: background-image property
HTML DOMリファレンス: background property
<スタイルオブジェクト