CSS background-repeat 属性

定义

background-repeat 属性设置是否及如何重复背景图像。

继承性:No

说明

background-repeat 属性定义了图像的平铺模式。

从原图像开始重复,原图像由 background-image 定义,并根据 background-position 的值放置。

JavaScript 语法

CSS 属性也可通过一段 JavaScript 被动态地改变。

脚本语法:

object.style.backgroundRepeat="repeat-y"

在我们的 HTML DOM 教程中,您可以找到更多有关 backgroundRepeat 属性 的细节。

在我们的 HTML DOM 教程中,您也可以找到完整的 Style 对象参考手册

例子

body
  {
  background-image: url(stars.gif);
  background-repeat: repeat-x
  }

可能的值

描述
repeat 默认。背景图像将在垂直方向和水平方向重复。
repeat-x 背景图像将在水平方向重复。
repeat-y 背景图像将在垂直方向重复。
no-repeat 背景图像将仅显示一次。

TIY 实例

如何重复背景图像
本例演示如何重复背景图像。
如何在垂直方向重复背景图像
本例演示如何垂直地重复背景图像。
如何在水平方向重复背景图像
本例演示如何水平地重复背景图像。
如何仅显示一次背景图像
本例演示如何仅显示一次背景图像。