背景のプロパティの一括指定
background:
[transparent|色]
[URL(ファイル名)
[repeat|repeat-x|repeat-y|no-repeat]
[scroll|fixed]
[left|center|right|サイズ]
[top|center|bottom|サイズ]]
;
div{background:yellow}
div{background:aquamarine}
div{background:#88ccaa}
div{background:rgb(255,127,127)}
div{
background:URL(back.gif);
width:328;
}
div{
background:
lightcyan
URL(back.gif)
repeat-y
left
top;
width:328;
}
div{
background:
lightcyan
URL(back.gif)
repeat-y
center
top;
width:328;
}
div{
background:
lightcyan
URL(back.gif)
repeat-y
right
top;
width:328;
}
div{
background:
lightcyan
URL(back.gif)
repeat-x
left
bottom;
width:328;
}
div{
background:
lightcyan
URL(back.gif)
no-repeat
center;
width:328;
}
div{
background:
URL(back.gif)
scroll;
width:328;
height:96;
overflow:scroll;
}
div{
background:
URL(back.gif)
fixed;
width:328;
height:96;
overflow:scroll;
}
div{
background:
lightcyan
URL(back.gif)
no-repeat
fixed
64px
48px;
width:100%;
height:45%;
overflow:scroll;
}
div{
background:
lightcyan
URL(back.gif)
no-repeat
fixed
40%
20%;
width:100%;
height:45%;
overflow:scroll;
}