background-repeat：repeat;バックグラウンドリピート：スペース;バックグラウンドリピート：ラウンド;

Question

私はCSS3 Background & Border Moduleを、そしてbackground-repeatプロパティについては、spaceとroundの2つの新しい値があります。

彼らは何をしているのか説明していますが、私は彼らが普通のrepeat値とどのように違うかを理解できません。そこに与えられた例は本当に良いものではなく、結果はrepeatの値でも得られます。

誰かが良い区別をしてください。できればいくつかの手がかりを与えてください。

Answer 1

引用Mozilla developer network、強調鉱山：

repeat

：画像全体背景画像塗装領域をカバーするために を必要な限り一定方向に繰り返されます。 最後の画像 は、全体が残りの領域に収まらない場合は、にクリップされることがあります。

space：画像は、画像クリッピング ことなく、背景画像塗装面積、の大部分をカバーするのに必要な 限り一定方向に繰り返されます。残りの覆われていないスペースは、画像間にが均等に の間隔で配置されたです。最初のイメージと最後のイメージは、要素の端の に接触します。 [...]

round

：画像は は画像をクリッピングすることなく、できるだけ多く 、背景画像塗装面積の大部分をカバーするために を必要に応じて所定の方向に繰り返されます。正確に領域をカバーしていない場合は、のタイル は、それに合わせてその方向にのサイズが変更されます。