css3整理--border-image
2014-03-19 08:55
225 查看
border-image语法:
border-image : none | <image> [ <number> | <percentage>]{1,4} [ / <border-width>{1,4} ]? [ stretch | repeat | round ]{0,2}
第一个参数:none:默认值,边框无背景图片
image:和background-image一样,根据绝对定位设置背景图片的位置
第二个参数:
number:设置边框的宽度,单位px,可以使用1~4个值,指定边框的宽度,设置方式同border-width
percentage:同number一样,只不过是使用百分比来设置宽度
第三个参数:(可选,1~4个,分别制定上右下左的的图片铺设方式)
stretch,repeat,round:他们是用来设置边框背景图片的铺放方式,类似于background-position。
其中stretch是拉伸,repeat是重复,round是平铺,stretch为默认值。
border-image : none | <image> [ <number> | <percentage>]{1,4} [ / <border-width>{1,4} ]? [ stretch | repeat | round ]{0,2}
第一个参数:none:默认值,边框无背景图片
image:和background-image一样,根据绝对定位设置背景图片的位置
第二个参数:
number:设置边框的宽度,单位px,可以使用1~4个值,指定边框的宽度,设置方式同border-width
percentage:同number一样,只不过是使用百分比来设置宽度
第三个参数:(可选,1~4个,分别制定上右下左的的图片铺设方式)
stretch,repeat,round:他们是用来设置边框背景图片的铺放方式,类似于background-position。
其中stretch是拉伸,repeat是重复,round是平铺,stretch为默认值。
相关文章推荐
- CSS3--border-image整理
- 【CSS3】---为边框应用图片 border-image
- css3中border-image的用法(fill 、border-image-outset 、border-image-width)
- CSS3 border-image 属性
- CSS3-border-image
- CSS3属性之border-image
- 为什么没有人使用CSS3的border-image 属性
- html5学习-CSS3-border-image属性
- 【CSS3】为边框应用图片 border-image
- CSS3 border-image详解、应用及jQuery插件
- 2015-12-13复习之CSS3 border 详解border-image
- css3:border-image边框图像详解
- html5学习-CSS3-border-image边框…
- 深入浅出CSS3:background-clip,background-origin和border-image教程
- CSS3 border-image属性
- CSS3 border-image详解、应用
- CSS3之border-image属性
- CSS3 border-image详解、应用及jQuery插件
- CSS3 border-image详解、应用及jQuery插件
- css3 border-image及连续的图像边框