Style backgroundImage 属性

定義と使用方法

backgroundImage 属性を設定または要素の背景画像を返します。

ヒント：背景画像に加えて、背景色も指定する必要があります。画像が利用できない場合、背景色が使用されます。

参照もしてください：

HTML スタイル：background 属性

CSS タイプ：CSS 背景

CSS3 タイプ：CSS3 背景

CSS リファレンスマニュアル：background-image 属性

例

例 1

ドキュメントに背景画像を設定します：

document.body.style.backgroundImage = "url('img_tree.png')";

自分で試してみてください

例 2

具体的な <div> 要素の背景画像を設定します：

document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')";

自分で試してみてください

例 3

具体的な <div> 要素の背景画像を返します：

alert(document.getElementById("myDiv").style.backgroundImage);

自分で試してみてください

例 4

ドキュメントの背景画像を返します：

alert(document.body.style.backgroundImage);

自分で試してみてください

文法

backgroundImage 属性の返り値：

object.style.backgroundImage

backgroundImage 属性の設定：

object.style.backgroundImage = "url('URL')|none|initial|inherit"

属性値

値 説明
url('URL') 画像ファイルの場所。
none 背景画像はありません。デフォルトです。
initial この属性をデフォルト値に設定します。参照してください initial。
inherit この属性を親要素から継承します。参照してください inherit。

技術的詳細

デフォルト値： none
返り値： バックグラウンド画像を表す文字列。
CSS バージョン： CSS1

ブラウザのサポート

backgroundImage それは CSS1 (1996) の特性です。

すべてのブラウザが完全にサポートしています：

クローム エッジ ファイアフォックス サファリ オペラ IE
クローム エッジ ファイアフォックス サファリ オペラ IE
サポート サポート サポート サポート サポート サポート