3

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

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

但是，现在看来，chrome 确实支持border-image-outset，或者我想。

它响应命令，但不符合我的预期。将图像向外移动，从而在内容周围创建更多而不是更少的空白。阅读规范我不确定 chrome 在做它的时候是否有问题，但看起来链接网站的作者肯定会期待别的东西。

此外，如果目前的行为是正确的，那么我看不出它的目的是什么。而大边框图像的问题，根本没有解决办法。

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

4

1 回答 1

1

我相信 Chrome 的行为应该如此。border-image-outset应该将边框图像区域扩展到边框框之外。它似乎在 Chrome 中这样做。删除内容周围的空白将需要相反的情况，这可以在border-image-width.

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

请参阅w3.org 上的边框图像宽度

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

在您的问题的示例中尝试以下更改：

#one {
  border-width: 74px;
  border-image-width: auto;
}
于 2013-01-25T09:15:35.897 回答