備忘録的プログラミングリファレンス

background-image プロパティ

 background-image プロパティは、エレメントの背景に画像を指定するプロパティです。
 設定できる画像は1つ、または複数設定できます。

 背景の範囲は、borderpaddingの領域も含めた領域になります。

背景に画像を表示(Exampleを参照
background-image: url('img/example_image.jpg');

 デフォルトでは画像は繰り返し表示されます。繰り返し表示を止めるには background-repeat: no-repeat; と指定します。

ページ内 Index

構文(Syntax)

 指定できる値は例えば、url('URL') などの <image> タイプです。

CSS

background-image: none | <image>;

DOM ( JavaScript )

値の取得
String=object.style.backgroundImage
値の設定
object.style.backgroundImage="<image>" 

値(Values)

Value摘要
none初期値(default value)。
<image><image> タイプを参照のこと
initial初期値に戻す。
inherit親エレメントのプロパティを継承。

備考(Remarks)

初期値(Default value)none
継承(Inherited)no
変化(Animatable)no

Example

 background-imageの表示例です。urlで指定された画像ファイルを読み込みます。

 一つの画像が繰り返し表示されます。