背景周りの指定をまとめるbackgroundプロパティ
background

 背景にかかわるプロパティをまとめて指定できます。具体的に可能なプロパティを挙げると「background-color」「background-image」「background-position」「background-repeat」「background-attachment」です。

 値の指定方法は、半角スペースで区切ることで、順序関係なく記述可能です。また、必須の値はないので、1つのみの指定でも問題ありません。

 backgroundプロパティを使って背景色を指定することがよくあります。これは、記述量が少なくなり、ほかの値を追加する場合もプロパティ名を変更する必要がないため、大変便利なプロパティです。

基本データ

構文 セレクタ{background:値;}
継承 ×
個々のプロパティの値の指定法による
効果 背景にかかわるプロパティをまとめられる
初期値 個々のプロパティの初期値による
適用箇所 すべての要素

ほげほげ
ですね。

p { background:url(../images/arrow.gif) repeat-x left top #ccc fixed;}

動作Webブラウザ

Internet Explorer 5.5、6.0、7.0、8.0以上
Firefox 全バージョン
Safari全バージョン
Opera全バージョン
Chrome全バージョン
iPhone/iPad全バージョン

標準JavaScriptによるDOMでの参照方法

[window.]document.getElementById("【ID属性値】").style.background

jQueryを使った参照方法

$('【セレクタ】').css('background','【値】');
$('【セレクタ】').css({'background':'【値】'});

有限会社タグパンダ
喜安 亮介




HTML5 + UX フォーラム 新着記事
@ITメールマガジン 新着情報やスタッフのコラムがメールで届きます(無料)

注目のテーマ

デザインハック 記事ランキング

本日 月間