background-size プロパティ

　background-size プロパティは、背景画像のサイズを定義するプロパティです。

　background-size プロパティに設定できる値には、auto、cover、contain といったキーワードと数値があります。数値が１つの場合は、width を設定し height は auto になります。数値が２つの場合は、width と height と設定されます。

背景画像をエレメントの大きさに合わせる（Example を参照）

background-image: url('img/example.png');
background-size: cover;

　背景画像の設定はbackground プロパティ、background-image プロパティで指定します。

構文(Syntax)

background-size: auto | length | % | cover | contain;

値の取得

String=object.style.backgroundSize;

値の設定

object.style.backgroundSize="_value_";

Value	摘要
auto	初期値（default value）。左上の端。
length	数値で設定。CSSの長さの単位。１つ目がwidth、２つ目がheight。１つだけではwidth値になって、heightはautoになる。
%	割合で設定。１つ目がwidth、２つ目がheight。１つだけではwidth値になって、heightはautoになる。
cover	エレメント全体に引き伸ばして表示。横方向もしくは縦方向に合わせる。表示し切れない部分もでる。
contain	背景画像の全体を表示する。
initial	初期値に戻す。
inherit	親エレメントのプロパティを継承。

　background-size の表示例です。cover 値に指定してますので、背景画像の大きさはエレメントに合わせて表示されます。

　以下は関連するプロパティです。