repeat 背景画像をタイル状に敷き詰める(初期値)
<style type="text/css"><!--
body {background:url(img/roll.gif); background-repeat:repeat;}
--></style>
<body>
</body>
body {background:url(img/roll.gif); background-repeat:repeat;}
--></style>
<body>
</body>
背景には以下のような画像を指定しています。
repeat-x 背景画像を横方向に並べる
<style type="text/css"><!--
body {background:url(img/roll.gif); background-repeat:repeat-x;}
--></style>
<body>
</body>
body {background:url(img/roll.gif); background-repeat:repeat-x;}
--></style>
<body>
</body>
背景には以下のような画像を指定しています。
repeat-y 背景画像を縦方向に並べる
<style type="text/css"><!--
body {background:url(img/roll.gif); background-repeat:repeat-y;}
--></style>
<body>
</body>
body {background:url(img/roll.gif); background-repeat:repeat-y;}
--></style>
<body>
</body>
背景には以下のような画像を指定しています。
no-repeat 背景画像を繰り返さずひとつだけ表示
<style type="text/css"><!--
body {background:url(img/roll.gif); background-repeat:no-repeat;}
--></style>
<body>
</body>
body {background:url(img/roll.gif); background-repeat:no-repeat;}
--></style>
<body>
</body>
背景には以下のような画像を指定しています。
