1、border-style（邊框風格）
定義邊框的風格，值可以有：
/* none：沒有邊框，當border的值為none的時候，系統將會忽略[border-color] hidden：隱藏邊框，低版本瀏覽器不支持。 dotted：點狀邊框。 dashed：虛線邊框。 solid：實線邊框。 double：雙實線邊框，兩條單線與其間隔的和等於border-width值。 */
border-style的值可以縮寫的：
/* 只有一個值的時候表示同時控制上下左右的邊框風格。 只有兩個值的時候表示分別控制上下、左右的邊框風格。 有三個值的時候表示分別控制上、左右、下的邊框風格。 有四個只的時候表示分別控制上、右、下、左的邊框風格。 */
border-style還可以單獨指定不同方向：
/* border-top-style 設置上邊的邊框風格 border-bottom-style 設置下邊的邊框風格 border-left-style 設置左邊的邊框風格 border-right-style 設置右邊的邊框風格 */
2、border-width（邊框寬度）
使用border-width可以定義邊框的厚度，值可以是medium，thin，thick和指定數值的寬度。 同時，border-width也可以進行縮寫：
/* 只有一個值的時候表示同時控制上下左右的邊框寬度。 只有兩個值的時候表示分別控制上下、左右的邊框寬度。 有三個值的時候表示分別控制上、左右、下的邊框寬度。 有四個只的時候表示分別控制上、右、下、左的邊框寬度。 */
border-width也可以單獨指定不同方向：
/* border-top-width 設置上邊的邊框寬度 border-bottom-width 設置下邊的邊框寬度 border-left-width 設置左邊的邊框寬度 border-right-width 設置右邊的邊框寬度 */
3、border-color（邊框顏色）
定義邊框的顏色，值表示的方式可以是十六進制，RGB十進制和單詞表示法。
同上，border-color的縮寫：
/* 只有一個值的時候表示同時控制上下左右的邊框顏色。 只有兩個值的時候表示分別控制上下、左右的邊框顏色。 有三個值的時候表示分別控制上、左右、下的邊框顏色。 有四個只的時候表示分別控制上、右、下、左的邊框顏色。 */
border-color也可以單獨指定不同方向：
/* border-top-color 設置上邊的邊框顏色 border-bottom-color 設置下邊的邊框顏色 border-left-color 設置左邊的邊框顏色 border-right-color 設置右邊的邊框顏色 */
4、邊框樣式縮寫
還可以把邊框風格，邊框寬度，邊框顏色進行組合在一起，進行縮寫：語法：
// border: 邊框寬度 邊框樣式 邊框顏色;
注意，border的縮寫值可以不按照順序來進行書寫。這樣的縮寫可以同時控制4個方向的邊框樣式。