CSS background-image 属性
- 前のページ 背景色
- 次のページ background-origin
定義と使用方法
background-image 属性は要素に背景画像を設定します。
要素の背景は、要素の全サイズを占めますが、マージンを除いて、内側パディングとボーダーを含みます。
デフォルトでは、背景画像は要素の左上隅に配置され、水平および垂直方向に繰り返されます。
ヒント：背景画像が利用できない場合でも、ページに良い視覚効果を提供するように、利用可能な背景色を設定してください。
詳細な説明
background-image 属性は、要素の背景に画像を設定します。
に基づいて background-repeat 属性の値に基づいて、画像は無限にタイル、ある軸（x軸またはy軸）に沿ってタイル、またはタイルしないことができます。
初期背景画像（元画像）は、 background-position 属性の値を配置する。
参照もしてください：
CSS チュートリアル：CSS 背景、CSS 背景（高度）、CSS 渐变
HTML DOM リファレンスマニュアル：backgroundImage 属性
例
ページの背景に画像を設定する：
body
{
background-image: url(bgimage.gif);
background-color: #000000;
}
CSS 文法
background-image: url|none|initial|inherit;
属性値
属性値
| 値 | 説明 |
|---|---|
| url('URL) | 画像へのパス |
| none | デフォルト値。背景画像を表示しません。 |
| inherit | 親要素から background-image 属性の設定を継承するべきであることを規定しています。 |
技術的詳細
| デフォルト値： | none |
|---|---|
| 継承性： | no |
| バージョン： | CSS1 |
| JavaScript 文法： | object.style.backgroundImage="url(stars.gif)" |
ブラウザのサポート
テーブルの数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | IE / Edge | Firefox | Safari | Opera |
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- 前のページ 背景色
- 次のページ background-origin
