スタイルシート［CSS］/ボックス/背景の設定をひとまとめに行う

background は、背景色や背景画像（並び方、スクロール、位置）を一度に指定できるプロパティです。

div {
width: 70%;
height: 200px;
overflow: scroll;
background: #87ceeb url(image/back.gif) repeat-y scroll right top;
}

background	背景（色、画像、並び方、スクロール、位置）を指定します

【指定内容】

background:	#87ceeb	url(image/back.gif)	repeat-y	scroll	right top	;
	背景色	背景画像	並び方	画像スクロール	表示位置

それぞれの値は、半角スペースで区切って記述します。
記述する順番は自由で、必要のない指定は省くこともできます。（省いた部分はデフォルトが適用されます）

htmlやbody以外の要素（例えばdiv要素やp要素等）に対しては、fixedは指定しないことをお勧めします。

使用例

■設定内容
背景色（白）、背景画像（トリさん）、並び方（縦方向）、画像スクロール（デフォルト）、表示位置（中上）

<html>
<head>
<title>TAG index Webサイト</title>

<style type="text/css">

</style>

</head>
<body>

<div>
<p>まとめて指定</p>
・
・
</div>

</body>
</html>

▼これをブラウザで見ると次のように表示されます

まとめて指定

スクロール

（この画像を背景にしています）

背景の設定をひとまとめに行う

background: ***;

使用例