css - 使用简写 border-image 属性分配 border-image-width

Question

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

http://msdn.microsoft.com/en-us/library/ie/dn384064(v=vs.85).aspx

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

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 值时没有任何反应(实际上前两个也阻止其他属性正常工作)

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

http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_border-image

谁能告诉我一个使用简写 border-image 属性分配 border-image-width 属性的例子？

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

Answer 1

问题中的所有构造均无效，您可以使用 W3C CSS Validato 进行检查

引用页面上的括号是元注释，与 notational conventions of CSS 2.1 相呼应以及定义 border-width 的候选推荐.

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

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