CSS3 border-image-repeat 属性

2019-09-11 郑州网站建设  

设置重复图像的方式:

div {

border-image-source: url(border.png);

border-image-repeat: repeat;

}

border-image-repeat 属性用于图像边界是否应重复(repeated)、拉伸(stretched)或铺满(rounded)。

CSS 语法

border-image-repeat: stretch|repeat|round|initial|inherit;

注意: 该属性规定怎么延展和铺排边框图像的边缘和中间部分。因此,您可以规定两个值。如果省略第二个值,则采取与第一个值相同的值。

属性值

1.stretch 默认值。拉伸图像来填充区域

2.repeat  平铺(repeated)图像来填充区域。  

3.round 类似 repeat 值。如果无法完整平铺所有图像,则对图像进行缩放以适应区域。 

4.initial 将此属性设置为默认值。查看 initial

5.inherit 从父元素中继承该属性。


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/dede/1968.html转载请标明出处,谢谢合作!
标签:
  • CSS3
  • 设置
  • 重复
  • border-image