- 関連プロパティ
background-image
| N7.0 Win |
N6.0 Win |
e6.0 Win |
e5.5 Win |
e5.0 Win |
e5.0 Mac |
e4.5 Mac |
O7.0 Win |
O6.0 Win |
|---|---|---|---|---|---|---|---|---|
| ○ | ○ | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| 値 | <URL> | none | inherit |
|---|---|
| 初期値 | none |
| 適用 | すべての要素 |
| 継承 | しない |
| レベル | - |
| メディア | visual |
要素の背景画像を指定します。
順序としては、背景色、背景画像、最後に内容となります。ですので、透過になっている部分からは背景色が見えます。
'background-repeat'を用いて繰り返し方法を、'background-attachment'を用いて画像をウィンドウに対して固定するか否かを、'background-position'を用いて画像の初期位置を指定出来ます。'background'を用いてこれらを一括指定する事も可能です。
基本的に背景はボーダー領域までですが、body要素、html要素といったルート要素に指定すると、例外的に背景は全域(マージン含む)に表示されます。また、結合ボーダーモデルの場合は、セルの背景はパディング領域までとなります。
- 注意点
-
- 背景と前景の組み合わせで、文字が見えづらくならないように気を付けましょう。
- 背景画像を指定する時には、なるべく背景色も同時に指定しておきましょう。
- CSSでの基準のディレクトリは、ソース文書のディレクトリでは無くスタイルシート自身のディレクトリとなります。