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
#b0c4de
url(../../images/bg/tairu1.gif)
repeat-x
20% center
下は、設定値の順序をバラバラにしたもの。問題ない。
background:
1.8cm
no-repeat
url(../../images/bg/tairu1.gif)
80%
#b0c4de;
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>