Style backgroundSize属性
- 前のページ backgroundOrigin
- 次のページ backfaceVisibility
- 上一階層に戻る HTML DOM Styleオブジェクト
定義と使用方法
backgroundSize 属性設定または背景画像のサイズを返します。
も参照してください：
HTML スタイル：background属性
CSS タイプ：CSS 背景
CSS3 タイプ：CSS3 背景
CSSリファレンスマニュアル：background-size属性
例
背景画像のサイズを指定します：
document.getElementById("myDIV").style.backgroundSize = "60px 120px";
文法
backgroundSize属性を返します：
object.style.backgroundSize
backgroundSize属性を設定します：
object.style.backgroundSize = "auto|length|cover|contain|initial|inherit"
属性値
| 値 | 説明 |
|---|---|
| auto | デフォルト値。背景画像はその幅と高さを含みます。 |
| length |
背景画像の幅と高さを設定します。 1つ目の値は幅を設定し、2つ目の値は高さを設定します。 値が1つ指定された場合、2つ目は「auto」に設定されます。 |
| percentage |
親要素のパーセンテージで背景画像の幅と高さを設定します。 1つ目の値は幅を設定し、2つ目の値は高さを設定します。 値が1つ指定された場合、2つ目は「auto」に設定されます。 |
| cover |
背景画像を可能な限り大きくして、背景エリアが完全に背景画像で覆われるようにします。 背景画像の一部が背景位置エリア内にない場合があります。 |
| contain | 画像を最大サイズに拡大して、幅と高さがコンテンツエリアに適合するようにします。 |
| initial | この属性をデフォルト値に設定します。参照してください initial。 |
| inherit | この属性を親要素から継承します。参照してください inherit。 |
技術的詳細
| デフォルト値： | auto |
|---|---|
| 返り値： | 文字列で、要素の background-size属性。 |
| CSSバージョン： | CSS3 |
ブラウザのサポート
backgroundSize CSS3（1999）の機能です。
すべてのブラウザは完全にサポートしています：
| クローム | エッジ | ファイアフォックス | サファリ | オペラ | IE |
|---|---|---|---|---|---|
| クローム | エッジ | ファイアフォックス | サファリ | オペラ | IE |
| サポート | サポート | サポート | サポート | サポート | 11 |
- 前のページ backgroundOrigin
- 次のページ backfaceVisibility
- 上一階層に戻る HTML DOM Styleオブジェクト
