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

backgroundプロパティ

 backgroundプロパティは、以下のプロパティを一括設定できるプロパティです。

 linear-gradient、radial-gradientでグラデーションをかけることもできます。

構文(Syntax)

CSS

background: background-color background-image background-position background-size background-repeat background-origin background-clip background-attachment;

DOM(JavaScript)

値の取得
String=object.style.background
値の設定
object.style.background="_value_"

Values

Value摘要
background-color色の設定。CSSのColor設定が使える。
background-image画像の挿入。このプロパティでグラデーションをかけることができる。
background-position画像の配置位置。
background-size画像のサイズ。
background-repeat画像を繰り返し表示。デフォルトでは繰り返し表示する。
background-origin繰り返し表示を開始する位置の設定。
background-clip表示領域の設定。border、paddingから領域に含めるかを設定できる。
background-attachmentスクロールによるバックグランドの表示位置を変更できる。
linear-gradientグラデーションをかけることができる。
radial-gradient円形にグラデーションをかける。
initial初期値に戻す。
inherit親エレメントのプロパティを継承。

Remarks(備考)

Default valuebackgroundに関する各プロパティによる
Inherited(継承)no
Animatableyes、backgroundに関する各プロパティによる

Example