background-repeat：重复;与背景重复：空间;与背景重复：圆形;？

Question

我正在阅读CSS3 Background & Border Module，而对于background-repeat属性，我看到两个新值，即space和round。

虽然它描述了它们的作用，但我无法弄清楚它们与普通repeat值的区别。给出的例子并不是很好，我可以得到repeat值的结果。

任何人都可以在它们之间做出很好的区分，最好是给出一些图形提示吗？

Answer 1

引用Mozilla developer network，强调我的：

  

repeat：根据需要在给定方向上重复图像   覆盖整个背景图像绘画区域。 最后一张图片   如果整个东西不适合剩下的区域，可能会被裁剪。

     

space：图像在给定方向上重复   需要覆盖大部分背景图像绘画区域，没有   剪裁图像。剩余的未覆盖空间间隔开   均匀图像之间。第一张和最后一张图片触及了   元素的边缘。 [...]

     

round：根据需要在给定方向上重复图像   覆盖大部分背景图像绘画区域，没有   剪辑图像。如果它没有完全覆盖区域，瓷砖   在此方向调整大小以匹配它。