background-image
解説
要素の背景画像を指定する際に使用します。指定にはURIを使用しますが、相対指定を行う際はCSSからの相対位置を指定しなければならないことに注意して下さい。
プロパティ情報
値: | URIまたは「none」のいずれかを必ず指定します。 |
---|---|
初期値: | none |
適用対象: | 全ての要素 |
継承: | しない |
パーセンテージ: | 不可 |
適用メディア: | 視覚 |
レベル: | 1〜2 |
参照
color background-attachment background-color background-image background-position background-position-x background-position-y background-repeat
使用例
ソース
CSSの記述方法はスタイルシートってなに?も参照下さい。 div.sample { color : #0000ff; background-color : #ffffff; background-image : url("../img/smp.gif") }
HTMLの記述方法 <div class="sample"> ここに背景画像が表示されます。なんらかの原因で背景画像が表示されなかったときのために、背景色や文字色も併せて記述することをお奨めします。 </div>
表示結果
ここに背景画像が表示されます。なんらかの原因で背景画像が表示されなかったときのために、背景色や文字色も併せて記述することをお奨めします。