background-repeat プロパティ
background-repeat プロパティは、背景画像の繰り返し方法を指定するプロパティです。
背景画像を繰り返し表示させないようにするにはこのプロパティを使用します。
background-image: url('img/example.png');
background-repeat: no-repeat;
背景画像の設定はbackground プロパティ、background-image プロパティで指定します。
背景画像は、デフォルトでは繰り返し表示されます。
ページ内 Index
構文(Syntax)
CSS
background-repeat: repeat | repeat-x | repeat-y | no-repeat;
DOM ( JavaScript )
String=object.style.backgroundRepeat;
object.style.backgroundRepeat="_value_";
値(Values)
| Value | 摘要 |
|---|---|
| repeat | 初期値(default value)。横にも縦にも繰り返し表示。 |
| repeat-x | 横方向の繰り返し表示。 |
| repeat-y | 縦方向の繰り返し表示。 |
| no-repeat | 繰り返し表示なし。1度だけ表示。 |
| initial | 初期値に戻す。 |
| inherit | 親エレメントのプロパティを継承。 |
備考(Remarks)
| 初期値(Default value) | repeat |
| 継承(Inherited) | no |
| 変化(Animatable) | no |
Example
background-repeatの表示例です。ここではX軸方向に繰り返し表示しています。
関連プロパティ
以下は関連するプロパティです。
| プロパティ名 | 概要 |
|---|---|
| background | バックグランドプロパティの一括指定 |
| background-attachment | スクロールによるバックグランドの表示位置 |
| background-blend-mode | 複数の背景画像や配色を混ぜ合わせる |
| background-clip | border、paddingを領域に含めるか |
| background-color | CSSのColorの指定 |
| background-image | 画像の挿入 |
| background-origin | 繰り返し表示を開始する位置 |
| background-position | 画像の配置位置 |
| background-repeat | 画像の繰り返し(デフォルトは繰り返し) |
| background-size | 画像のサイズ |
| linear-gradient() | 線形グラデーション |
| radial-gradient() | 円形グラデーション |
