您的位置:首页 > Web前端 > CSS

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为默认值。

        
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: