プロパティ名 | 値 | 適用対象 | 継承 |
---|---|---|---|
background-repeat: | 並べ方 | すべての要素 | なし |
値 | 説明 | |
---|---|---|
並べ方 | no-repeat | 画像を繰り返さずに1つだけ表示します。 |
repeat-x | 画像を横方向に繰り返して表示します。 | |
repeat-y | 画像を縦方向に繰り返して表示します。 | |
repeat | 画像を横方向、縦方向の両方に繰り返して全面に タイル状に表示します(デフォルト)。 |
背景に画像を指定したときの並べ方は、background-repeatプロパティで指定します。
並べ方には、no-repeat、repeat-x、repeat-y、repeatのいずれかを指定します。
背景画像は通常、全面にタイル状に繰り返して並べられますが、繰り返さずに1つだけ表示したり、
横方向、縦方向にのみ繰り返して表示することができます。
サンプルソース
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<style type="text/css">
<!--
body{background-image:url("背景画像URL");
background-repeat:repeat-y;
}
p{width:400px;
padding:10px;
border:1px solid;
background-image:url("背景画像URL");
background-repeat:repeat-x;
background-color:red;
}
-->
</style>
</head>
<body>
<h1>日光東照宮</h1>
<p>
日光東照宮(にっこうとうしょうぐう)は栃木県日光市にある神社。江戸幕府初代将軍徳川家康を神格化した東照大権現を祀る。
日本全国の東照宮の総本社的存在である。正式名称は地名等を冠称しない「東照宮」であるが、他の東照宮との区別のために、
「日光東照宮」と呼ばれることが多い。
</p>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"