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

background-imageプロパティ

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

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

構文(Syntax)

CSS

background-image: none | url('URL');

DOM(JavaScript)

値の取得
String=object.style.backgroundImage
値の設定
object.style.backgroundImage="url('URL')" 

Values

Value摘要
none初期値(default value)。
url('URL')画像ファイルのあるURL。複数ある場合はurl('URL')をカンマで区切る。
linear-gradient()グラデーション。
radial-gradient()円形のグラデーション。
repeating-linear-gradient()グラデーションを繰り返し表示。
repeating-radial-gradient()円形のグラデーションを繰り返し表示。
initial初期値に戻す。
inherit親エレメントのプロパティを継承。

備考(Remarks)

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

Example