スタイルシート［CSS］/ページ全般/背景画像の並び方を指定する

background-repeat は、背景画像の並び方を指定するプロパティです。

body要素にこのスタイルを設定すると、ページの背景画像の並び方を指定することができます。

body {
background-image: url(image/back.gif);
background-repeat: repeat-y;
}

background-repeat	repeat-x … （横方向に並べる）
	repeat-y … （縦方向に並べる）
	no-repeat … （1つだけ表示する）
	repeat … （敷き詰める）デフォルト

使用例

■repeat-y（縦方向の並び）を指定する場合

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

<style type="text/css">

</style>

</head>
<body>
・
・
・
</body>
</html>

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

この画像を背景に使用した例

■その他の使用例

background-repeat: repeat-x;

… 横方向の並びを指定した例
background-repeat: no-repeat;

… 1つだけ表示した例
background-repeat: repeat;

… 敷き詰めた例（少々目にきついのでご注意ください）

背景画像の並び方を指定する

background-repeat: ***;

使用例