小白教程
所有教程
关于
Search
172.69.59.135
172.69.59.135
参数设置
贡献
退出
操作
编辑
移动
保护
信息
历史
删除
查看“Pr background repeat”的源代码
本页内容
上一节:
Pr_background_image
下一节:
Css3_pr_background_clip
因为以下原因,您没有权限编辑本页:
您请求的操作仅限属于该用户组的用户执行:
用户
您可以查看和复制此页面的源代码。
{{DISPLAYTITLE:background-repeat}}[[Category:css reference|44]] = CSS background-repeat 属性 = 只有垂直方向重复 background-image: <sample title="" desc="" lang="html" hererun="1"> body { background-image:url('paper.gif'); background-repeat:repeat-y; } </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <style> body { background-image:url('paper.gif'); background-repeat:repeat-y; } </style> </head> <body> <p>repeat-y 设置只有垂直方向重复 background-image</p> </body> </html> </run> == 标签定义及使用说明 == 设置如何平铺对象的 background-image 属性。 默认情况下,重复background-image的垂直和水平方向。 {| class="table table-striped table-hover" | 默认值: | repeat |- | 继承: | no |- | 版本: | CSS1 |- | JavaScript 语法: | object object.style.backgroundRepeat="repeat-y" |} == 浏览器支持 == 表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。 < {| class="table table-striped table-hover" ! 属性 ! Chrome ! Internet Explorer / Edge ! Firefox ! Safari ! Opera |- | background-repeat | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |} IE8以及更早版本的浏览器不支持多个背景图像在一个元素。 '''注意''' IE7 和更早的版本不支持 "inherit(继承)"的值。 IE8 需要定义 !DOCTYPE。 IE9 支持 "inherit(继承)"。 == 提示和注释 == '''提示:''' background-position 属性设置背景图像位置。如果指定的位置是没有任何背景,图像总是放在元素的左上角。 == 属性值 == {| class="table table-striped table-hover" ! 值 ! 说明 |- | repeat | 背景图像将向垂直和水平方向重复。这是默认 |- | repeat-x | 只有水平位置会重复背景图像 |- | repeat-y | 只有垂直位置会重复背景图像 |- | no-repeat | background-image 不会重复 |- | inherit | 指定 background-repeat 属性设置应该从父元素继承 |} == 在线实例 == [[try.php?filename=trycss_background repeat|如何在垂直和水平方向重复背景图像]] 这个例子演示了如何在垂直和水平方向重复背景图像。 [[try.php?filename=trycss_background repeatx|如何重复背景图像仅水平方向]] 这个例子演示了如何重复背景图像仅水平方向。 [[try.php?filename=trycss_background repeat_no repeat|如何显示背景图像只有一次]] 这个例子演示了如何显示一个背景图片没有重复只有一次。 == 相关文章 == CSS 教程: [[css background|CSS Background]] CSS 参考手册: [[pr background position|background-position 属性]]
返回至“
Pr background repeat
”。
上一节:
Pr_background_image
下一节:
Css3_pr_background_clip