English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
CSS background-repeat属性が指定されます。background-image背景画像のサイズと位置を調整した後、どのように繰り返し表示されるか、およびどのようにタイル化されるかを説明します。省略形式を使用して:背景属性は通常便利です。
以下のテーブルはこの属性の使用状況とバージョン履歴をまとめています。
デフォルト値: | repeat |
---|---|
適用: | すべての要素 |
継承: | ありません |
アニメーション可能: | いいえ。参照してください。 アニメーション属性。 |
バージョン: | CSS 1、2、3 |
JavaScript 構文: | object object.style.backgroundRepeat="repeat-x" |
この属性の構文は以下の通りです:
background-repeat: repeat | repeat-x | repeat-y | no-repeat | initial | inherit
以下の例では、backgroundを使用する方法を示しています。-repeat属性。
body {background-image: url("images/gradient.png");background-repeat: repeat-x;}試してみる‹/›
以下のテーブルはこの属性の値を説明しています。
値 | 説明 |
---|---|
repeat | デフォルト値。背景画像は垂直方向と水平方向に繰り返し表示されます。 |
repeat-x | 背景画像は水平方向にのみ繰り返し表示されます。 |
repeat-y | 背景画像は垂直方向にのみ繰り返し表示されます。 |
no-repeat | 背景画像は繰り返し表示されません。 |
initial | この属性をデフォルト値に設定します。 |
inherit | 指定された場合、関連する要素は親要素のbackgroundを使用します。-repeat属性の計算値。 |
background-repeat属性のブラウザの互換性、すべての主要ブラウザがこの属性をサポートしています。
|
以下のチュートリアルを参照してください:CSS背景、CSS3背景。
関連属性:background、background-attachment、background-color、background-clip、background-image、background-origin、background-position、background-size。