border-image用法

border-image 语法

border-image

border-image: border-image-source border-image-slice border-image-repeat;border-image: url("/images/border.png") 30 repeat;

语法　

css属性 值 border-image-source none（默认）、url(“”) border-image-slice 切割图片的宽度、有四个方向top、right、bottom、left，可简写。特殊：不切割的时候用100%,0 border-image-repeat stretch(默认、拉伸)、 repeat(平铺)、round(整数次平铺)

案例

有个高为15px的小图，平铺在footer的border-bottom

css代码段

footer{    border-width: 0 0 15px 0;    border-bottom: 15px solid transparent;      border-image: url("http://...") 100% 0 repeat;}