去掉CSS赘余代码，CSS可以更简洁（2）

2.border的缩写

例1：

.div {
border-width:5px;
(thin,thick,medium,set vaule)(default=medium)
border-style:dotted;
(solid,dashed,dotted,double,etc)(default=none)
border-color:blue;
(named,hex,rgb or 0-255)(default=value of elements/elements parent color property)
}

精简后代码：

.div {
border:5px dotten blue;
}

例2：

.div {
border-right-width:2px;
border-right-style:solid;
border-right-color:#666666;
}

　　精简后代码：

.div {
border-right:2px solid #666;
}

例3：

.div {
border-top-width:3xp;
border-right-width:2px;
border-bottom-width:3px;
border-left-width:2px;
}

　　精简后的代码：

.div {
border-width:3px 2px;
}