当我看到不同作者使用的border-top属性时，他们都说以不同的方式使用它。
例如，在http://www.w3schools.com/css/pr_border-top.asp，它按此顺序定义：
width style color
如果我以其他方式定义，例如首先color或style，我会遇到问题吗？
答案 0 :(得分：7)
我假设您在询问使用border简写标记时如果不使用正确的属性顺序可能会出现什么问题。另外，你似乎被属性顺序的不同定义抛出。
我将在这里引用W3 CSS reference for border shorthands：
'border'
Value: [ <border-width> || <border-style> || <'border-top-color'> ]
所以使用 不正确 border-top速记的唯一正确方法是1.设置宽度，2。样式，3。颜色。
正如保罗指出的那样，双杠“||”意味着属性可以按任何顺序出现，因此无论您向它们抛出什么顺序，浏览器通常都没有问题。
但是：我通常会看到border-top: 1px solid red;形式的定义 - 但这可能只是“最佳做法”，但最终并不重要。
答案 1 :(得分：4)
作为moontear mentioned，CSS 2规范定义了border-top的可接受值，如下所示：
[ <border-width> || <border-style> || <'border-top-color'> ] | inherit
双条表示宽度，样式和颜色可以按任何顺序使用。因此，根据规范，如果您以不同的顺序使用它们，则不应该遇到任何问题。
我从未亲眼见过浏览器对此属性的不同订单有任何问题。
答案 2 :(得分：0)
您通常不会遇到问题：我知道的所有浏览器都会尽可能地解释您的输入，即使它的输入顺序不正确。
那就是说，做坚持官方订单。它可以避免其他不太宽松的客户端，解析器等问题。
答案 3 :(得分：0)
如果您使用此格式，Netbeans IDE 8+仅显示颜色选择器：
Border: red 1px solid;
任何人都知道如何将订单更改为：
Border: 1px solid red;