盒模型边框css简写的顺序

Question

div{
   border:2px  solid  red;
}
div{
   solid border:2px red;

}

一个简写的css样式为什么换了实线和边框粗细的顺序就会失效，求大神指导一下，还有其他什么顺序要注意的吗？

Answer 1

border 简写属性在一个声明设置所有的边框属性。可以按顺序设置如下属性：border-widthborder-styleborder-colorborder:2px  solid  red;相当于是border-width：2px; border-style:solid;border-color:red;你这写法上就有问题，怎么能把边框属性值solid (实线)，放在属性名前呢，只是最基本的写法规范错误了（属性名：属性值），建议你，扎实下自己的基本功div{   solid border:2px red;}

Answer 2

div{   solid border:2px red;}大哥你这。。。 建议你看看基础啊