使用 shorthand border-image 属性分配 border-image-width

Question

我正在尝试查看 shorthand border-image 属性的功能。但是，有些地方我无法理解。我不知道如果我将长度用作 border-image-width 或 border-image-outset，浏览器将如何理解。因此，我决定查看语法并进行一些实验。

此站点显示的语法包括方括号。但是我无法使其与以下任何一项一起使用：

border-image: url(border.png) 30 30 50px round;
border-image: url(border.png) 30 30 [50px] round;
border-image: url(border.png) 30 30 [/50px] round;

当我更改 50px 值时没有任何反应（实际上前两个也阻止其他属性正常工作）

我在修改过程中使用了 W3Schools 中的示例。

谁能给我一个例子，将 border-image-width 属性分配给 shorthand border-image 属性？

我可以完成宽度 border-image-width 属性的工作，但我想了解 shorthand 属性。

Answer 1

问题中的所有构造均无效，您可以使用 W3C CSS Validator.

进行检查

引用页面上的括号是元注释，与 notational conventions of CSS 2.1 as well as Candidate Recommendation that defines border-width 相呼应。

如果你想包括边框图像宽度，看起来，你需要写一个斜杠 /（这是 CSS 语法的一部分）但没有括号（这是使用的元注释用于分组）：

border-image: url(border.png) 30 30 /50px round;

Assigning border-image-width with shorthand border-image property