最新のWeb開発のチュートリアル
 

Style backgroundSize Property

<スタイルオブジェクト

背景画像のサイズを指定します。

document.getElementById("myDIV").style.backgroundSize = "60px 120px";
»それを自分で試してみてください

定義と使用法

backgroundSizeプロパティセットや背景画像のサイズを返します。


ブラウザのサポート

表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。

Webkitの、MOZまたはOに続く数字は、接頭辞で働いていた最初のバージョンを指定します。

プロパティ
backgroundSize 4.0
1.0のWebkit
9.0 4.0
3.6 MOZ
4.1
3.0のWebkit
10.5
10.0 O

構文

backgroundSizeプロパティを返します:

object .style.backgroundSize

backgroundSizeプロパティを設定します。

object .style.backgroundSize="auto| プロパティ値
説明
auto デフォルト値。 背景画像は、その幅と高さが含まれています
length 背景画像の幅と高さを設定します。 最初の値は第二の値は、高さを設定し、幅を設定します。 一つの値だけが与えられた場合、第二は、に設定されている"auto"
percentage 親要素の割合で背景画像の幅と高さを設定します。 最初の値は第二の値は、高さを設定し、幅を設定します。 一つの値だけが与えられた場合、第二は、に設定されている"auto"
cover 背景領域が完全に背景画像によって覆われるようにできるだけ大きくなるように背景画像をスケーリングします。 背景画像の一部が背景配置領域内ビューでないかもしれません
contain その幅と高さの両方がコンテンツ領域内に収まることができるような最大サイズに画像をスケーリング
initial このプロパティがデフォルト値に設定します。 最初の記事を読みます
inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます

技術的な詳細

デフォルト値: オート
戻り値: 要素の背景-sizeプロパティを表す文字列、
CSSのバージョン CSS3

関連ページ

CSSリファレンス: background-size property


<スタイルオブジェクト