CSSの背景のプロパティ
例
div要素に複数の背景画像を設定する(とその場所を指定します):
body
{
background: #00ff00 url('smiley.gif') no-repeat fixed center;
}
{
background: #00ff00 url('smiley.gif') no-repeat fixed center;
}
»をお試しください
ブラウザのサポート
表中の数字は、プロパティのバージョン番号をサポートする最初のブラウザを表します。
すぐにデジタル-webkit-を以下、-ms-またはプレフィックスのサポートに前-moz-は最初のブラウザのバージョン番号を属性。
属性 | |||||
---|---|---|---|---|---|
background | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
すべての主要なブラウザは、背景属性をサポートしています。
IE8およびそれ以前のバージョンは、背景画像の複数の要素をサポートしていないことに注意してください 。
IE7およびそれ以前のバージョンは、「継承」値をサポートしていないことに注意してください 。 IE8は、定義する必要があります! DOCTYPE。 IE9は、「継承」をサポート
タグの定義と指示
背景簡略記述特性は、1宣言内のすべてのバックグラウンドのプロパティを設定することができます。
あなたが設定できるプロパティは次のとおりです。背景色、背景、位置、背景サイズ、背景リピート、背景起源、背景、クリップ、背景、添付ファイル、および背景画像。
上記の値が欠落している場合、それはこのような背景として、重要ではありませんします。#FF0000のURL(smiley.gif);許可されています。
デフォルト: | 別のプロパティを参照してください。 |
---|---|
継承: | いいえ |
バージョン: | CSS1 + CSS3の新しいプロパティ |
JavaScriptシンタックス: | 「赤のURL(smiley.gif object.style.background =オブジェクト上ノー・リピートを残していません)」 |
文法
background: color position size
repeat origin clip attachment
image;
値 | 説明 | CSS |
---|---|---|
背景色 | 使用する背景色を指定します | 1 |
background-position | 背景画像の位置を指定します。 | 1 |
背景サイズ | 背景画像のサイズを指定します。 | 3 |
背景リピート | 背景画像の繰り返し方法を指定します | 1 |
背景起源 | ロケーションエリア指定された背景画像 | 3 |
背景クリップ | 背景画像塗装領域を特定 | 3 |
背景アタッチメント | 設定の背景画像は、固定またはページの残りの部分でスクロールされます。 | 1 |
背景画像 | 使用される1つまたは複数の背景画像を指定します | 1 |
関連記事
CSSチュートリアル: CSSの背景
CSS3チュートリアル: CSS3の背景