有时候我们需要设置边框图像超出边框,这个时候使用border-image-outset
属性就对了。最简单的方法是在各边均匀扩展5px
。
下方的边框比上方的边框扩展了5px。
.h-review {
border-image-outset : 10px; }
当然,我们可以分别指定四个边框各自超出多少。
.h-review {
border-image-outset : 10px 0 10px 0; }
同样的,重复的值可以合并起来,就想之前提到的内边距和外边距一样。
.h-review {
border-image-outset : 10px 0; }
border-image-outset
属性可以接受任何常见的CSS长度值,包括px
、em
、rem
,甚至是vh
和vw
。