ホーム >>> HTML整理ノート

background 背景の一括指定

background(背景)の各スタイルをまとめて一括指定する。個別に指定するより,一括指定のほうが記述量が少なくてよい。継承しない

書式 <background:(値)>
 ・background-color,background-image,background-repeat,background-attachment,
  background-positionの各値を半角スペースで区切り並べる。
 ・順序は任意。省略された値は、その初期値が適用される。

Sample
background:
 #b0c4de
 url(../../images/bg/tairu1.gif)
 repeat-x
 20% center

下は、設定値の順序をバラバラにしたもの。問題ない。

background:
 1.8cm
 no-repeat
 url(../../images/bg/tairu1.gif)
 80%
 #b0c4de;

Sample Source......................................................................>>>

<div style="width:300px;height:160px;border:2px solid navy;
 background:#b0c4de url(../../images/bg/tairu1.gif) repeat-x 20% center">
</div>

<div style="width:300px;height:160px;border:2px solid navy;
 background:1.8cm no-repeat url(../../images/bg/tairu1.gif) 80% #b0c4de">
</div>