書式
background-repeat:繰り返し方法
対象
全ての要素
継承
しない
初期値
repeat
バージョン
CSS Level 1
対応ブラウザ
Win IE4.0以降, Mac IE5.0, NN6.0以降, Firefox, Opera 6, Safari
解説
背景画像の繰り返し方法を指定します。以下の方法が指定できます。
| 設定名 | 方法 |
|---|
| repeat | 横、縦に繰り返し |
| repeat-x | 横に繰り返し |
| repeat-y | 縦に繰り返し |
| no-repeat | 繰り返さない |
サンプルコード
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<style type="text/css"><!--
body { margin:0px; }
div { position:absolute; top:10;left:10px;
background-image:url(bg.jpg);
width:100px;
background-repeat:no-repeat;
}
--></style>
</head>
<body>
<div>CSS Sample text.</div>
</body>
</html>