border-image-source

border-image-source 该属性规定<image>代替边框的样式。若此属性设置为none，使用边框样式代替。

 

语法

border-image-source: url(images.jpg);
border-image-source: none;
border-image-source: inherit;
border-image-source: unset;
border-image-source: linear-gradient(to top, red, yellow);

值

值描述
none 此关键词表示使用边框样式定义的样式。
image 此关键词表示用图片来设置边框。

例子

HTML 

<div id="red">
</div>

CSS 

#red {
     height: 200px;
     background-image:    url("http://tse4.mm.bing.net/th?id=OIP.Mf677e381f4220ac2a878c923cf334aafo0&w=300&h=300&p=0&pid=1.7");
     border-image-source: unset;
     border: 2px dashed red;
     }

执行结果

参考

相关链接

外部链接


跳至内容顶部