google-chrome - border-image-outset 是否完成了它的工作？

Question

我正要在 chromium 问题跟踪器上创建一个错误，但后来我想我应该先在这里尝试一下。

试着看看这个网站: http://www.norabrowndesign.com/css-experiments/border-image-frame.html

不过，我认为 chrome 现在似乎确实支持 border-image-outset。

它会响应命令，但不会像我预期的那样运行。是将图像向外移动，从而在内容周围创建更多而不是更少的空白。阅读规范后，我不确定 chrome 在做它所做的事情时是否有误，但看起来链接网站的作者确实期望其他东西。

此外，如果目前的行为是正确的，那么我看不出它的目的是什么。而大边框图片的问题，将无解。

那是什么，我应该提交错误还是？

Answer 1

我相信 Chrome 会正常运行。 border-image-outset 应该将边界图像区域扩展到边界框之外。它似乎在 Chrome 中做到了这一点。删除内容周围的空白需要相反的操作，这可以在 border-image-width 的帮助下实现。

border-image-width 划分边界图像区域，基本上对应于 border-image-slice(划分边界图像)。它的初始值为 1(相应计算的 border-width 的倍数)。因此，如果不分配 border-image-width，每个切片的大小都会调整为 border-width。

参见 border-image-width在 w3.org

要删除内容周围的空白，同时保持边框图像的大小，您必须减小 border-width 并将 border-image-width 设置为适当的值(value)。

尝试对您问题中的示例进行以下更改:

#one {
  border-width: 74px;
  border-image-width: auto;
}