导航分类

机器学习教程

CSS border-image-slice 属性 CSS border-image-width 属性

CSS border-image-source 属性

主题

默认模式
浅蓝色模式
淡绿色模式
深夜模式

定义和用法

border-image-source属性规定要使用的图像，代替border-style属性中设置的边框样式。

border-image-source单独使用时不会产生可见效果，需要配合其他border-image-*属性使用。

默认值：	none
继承性：	否
可动画性：	否。请参阅：可动画属性。
版本：	CSS3
JavaScript 语法：	object.style.borderImageSource="url(border.png)"Demo ❯

演示实例

下面通过演示实例，让你更直观地了解border-image-source属性的用法。

实例代码运行代码

复制

.example {
    border-image-source: url(border.png);
}

CSS 语法

border-image-source: none|url()|initial|inherit;

属性值

值	描述
`none`	不使用图像。
`url()`	用作边框的图像的路径。
`initial`	将此属性设置为其默认值。参阅 initial。
`inherit`	从其父元素继承此属性。参阅 inherit。

浏览器支持

表中的数字指定了完全支持border-image-source属性的第一个浏览器版本。


Chrome	IE / Edge	Firefox	Safari	Opera
15.0	11.0	15.0	6.0	15.0

相关页面

CSS 教程：CSS 边框图像

CSS 参考手册：CSS border-image 属性

CSS 参考手册：CSS border-image-slice 属性

CSS 参考手册：CSS border-image-width 属性

CSS 参考手册：CSS border-image-repeat 属性

CSS border-image-slice 属性 CSS border-image-width 属性

评论区 0

发表评论

教程介绍

CSS 参考手册全面涵盖选择器、盒模型，文本属性等，助您快速检索 CSS 使用方法。

87 章节

14 阅读

0 评论