CSSのbackground-imageプロパティ
タグの定義と指示
背景-imageプロパティは要素の背景画像を設定します。
(ただし、余白を含まない)パディングとボーダーを含む要素の背景要素の合計サイズ。
デフォルトでは、背景画像は、要素の左上隅に配置され、垂直方向および水平方向繰り返しれます。
デフォルト: | なし |
---|---|
継承: | いいえ |
バージョン: | CSS1 |
JavaScriptシンタックス: | オブジェクトobject.style.backgroundImageは= "URL(stars.gif)」 |
ブラウザのサポート
表中の数字は、プロパティのバージョン番号をサポートする最初のブラウザを表します。
すぐにデジタル-webkit-を以下、-ms-またはプレフィックスのサポートに前-moz-は最初のブラウザのバージョン番号を属性。
Property | |||||
---|---|---|---|---|---|
background-image | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
IE8以前のブラウザでは、一つの要素に複数の背景画像をサポートしていないことに注意してください
IE7およびそれ以前のバージョンは、「継承」値をサポートしていないことに注意してください 。 IE8は、定義する必要があります! DOCTYPE。 IE9は、「継承」をサポート
ヒントと注意事項
ヒント:イメージが使用できない場合は、背景色を設定してください、使用されます。
プロパティ値
値 | 説明 |
---|---|
URL(「URL」) | 画像のURL |
なし | いいえ、背景画像は表示されません。 これがデフォルトです |
受け継ぎます | 指定した背景画像は、親要素から継承する必要があります |
オンラインの例
複数の背景画像
この例では、文書の複数の背景画像を示しています。
関連記事
CSSチュートリアル: CSSの背景
CSS3チュートリアル: CSS3の背景