border-image-outset不同类型值效果示意实例页面

展示

初始值 0

border-image-outset: .5

border-image-outset: 20px

代码

HTML：

<h4>初始值 0</h4>
<div class="example"></div>

<h4>border-image-outset: .5</h4>
<div class="example example2"></div>

<h4>border-image-outset: 20px</h4>
<div class="example example3"></div>

CSS：

.example {
    width: 80px; height: 80px;
    border: 40px solid deepskyblue;
    border-image: url(./grid-nine.svg) 54;
}
.example2 {
    border-image-outset: .5;
}
.example3 {
    border-image-outset: 20px;
}