使用速记border-image属性指定border-image-width

Question

我正在尝试查看速记border-image属性的功能。但是有一点我无法理解。我不知道浏览器将如何理解如果我使用lenght作为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值时没有任何反应（实际上前两个也阻止其他属性正常工作）

我在修改期间使用W3Schools中的示例。

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

有人能给我看一个用border-border-image属性分配border-image-width属性的例子吗？

我可以执行作业宽度border-image-width属性，但我想了解简写属性。

Answer 1

问题中的所有结构都无效，您可以使用W3C CSS Validato r查看。

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

如果你希望包含边框图像宽度，你需要编写一个斜杠/（这是CSS语法的一部分）但没有括号（这是用于分组的元记录）：

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