DevShelf

Appearance

background-repeat ​

描述 ​

该 background-repeat 属性定义如何重复背景图像。背景图像可以沿水平轴、纵轴、两者重复，也可以完全不重复。

效果展示 ​

语法 ​

css
background-repeat: repeat-x | repeat-y | [repeat | space | round | no-repeat]{1,2};

值 ​

  • repeat 图像水平和垂直重复。在 CSS3 中，如果使用两个关键字，则图像将沿相关轴重复。
  • repeat-x 图像沿水平轴重复。
  • repeat-y 图像沿垂直轴重复。
  • no-repeat 图像不重复。
  • space 图像在适合背景区域的频率上重复整整次，并间隔开，以便第一个和最后一个接触边缘。（CSS3）
  • round 图像尽可能频繁地重复到背景区域，并在必要时重新缩放以使其适合整数次。（CSS3）
  • inherit 继承