我是CSS3的新手，最近我在阅读W3C文档时学习border-image属性：
http://dev.w3.org/csswg/css-backgrounds/#border-image-width
我发现了以下几行：
边框图像绘制在称为边框图像区域的区域内。 这是一个区域，其边界默认对应于边框 框，请参阅“
border-image-outset”。
那么，“边界图像区域”和“border-box”究竟是什么意思？什么是border-image-width和border-image-outset的影响？
我认为W3C文件没有很清楚地解释它。
提前感谢！
答案 0 :(得分：3)
边框被定义为框边框外围的所有内容，包括边框本身（如果有）。该定义在this section of CSS2.1中给出。如果没有边框，那么它就是填充框的周边（或者，如果没有填充，则为内容框）。边框图像区域被定义为边框的整个区域，包括填充和内容。
因此，如果您的边框宽度为30px，则默认情况下边框图像会适合框周围的30个像素。为border-image-outset指定值时，将渲染图像，使距离远离边界区域 ，使其显得远离填充/内容边缘。
请注意border-image-outset本身不会拉伸边框图像;它只将边界图像区域移动远离边界区域一定距离。如果您想要拉伸图片，请将border-image-outset与border-image-width合并。
答案 1 :(得分：1)
我对它们的理解并不完美，但是，从使用中我发现：
边框图片区域是您内容周围的区域。如果设置1px边框，那么它是1px。如果您使用的图像为高度为90像素的边框，边框为30像素，就像这样......
XoX o o XoX
所以X是角落，o是一面。这个区域的任何东西都是边框。