CSS background-repeat 属性

作者 : 开心源码 本文共713个字,预计阅读时间需要2分钟 发布时间: 2022-05-12 共209人阅读

实例

只有垂直方向重复background-image:

body

{

background-image:url('paper.gif');

background-repeat:repeat-y;

}

CSS background-repeat 属性


标签定义及使用说明

设置如何平铺对象的 background-image 属性。

默认情况下,重复background-image的垂直和水平方向。

默认值:repeat
继承:no
版本:CSS1
JavaScript 语法:objectobject.style.backgroundRepeat=”repeat-y”

CSS background-repeat 属性

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

紧跟在 -webkit-, -ms- 或者 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。

<

Property
background-repeat1.04.01.01.03.5

IE8以及更早版本的浏览器不支持多个背景图像在一个元素。

注意 IE7和更早的版本不支持”inherit(继承)”的值。 IE8需要定义!DOCTYPE。 IE9支持”inherit(继承)”。


CSS background-repeat 属性

提醒和注释

提醒: background-position属性设置背景图像位置。假如指定的位置是没有任何背景,图像总是放在元素的左上角。


属性值

说明
repeat背景图像将向垂直和水平方向重复。这是默认
repeat-x只有水平位置会重复背景图像
repeat-y只有垂直位置会重复背景图像
no-repeatbackground-image不会重复
inherit指定background-repea属性设置应该从父元素继承

如您还有不明白的可以在下面与我留言或者是与我讨论QQ群308855039,我们一起飞!

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » CSS background-repeat 属性

发表回复