24张图攻克border-image

大家好，我是半夏��，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 �� 加我微信：frontendpicker，一起学习交流前端，成为更优秀的工程师～关注公众号：搞前端的半夏,了解更多前端知识! 点我探索新世界！

原文链接 ==>http://sylblog.xin/archives/35

前言

前有background-image 为背景增光增彩，后有mask-image 给背景增加可玩性，今天我们来聊聊border-image，看看他是如何发光发热的！Go!Go!Go!

border-image

首先这个属性是下面个属性的缩写，

border-image-source

border-image-slice

border-image-width

border-image-outset

border-image-repeat

原理

对于本人来说，这个属性比其他属性来讲是比较