##### 10 CSS邊框屬性 1. border-style（邊框風格） 定義邊框的風格，值可以有： ``` /* none：沒有邊框，當border的值為none的時候，系統將會忽略[border-color] hidden：隱藏邊框，低版本瀏覽器不支持。 dotted：點狀邊框。 dashe ...
10 CSS邊框屬性
- 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 設置右邊的邊框風格
*/
- border-width（邊框寬度）
使用border-width可以定義邊框的厚度，值可以是medium，thin，thick和指定數值的寬度。 同時，border-width也可以進行縮寫：
/*
只有一個值的時候表示同時控制上下左右的邊框寬度。
只有兩個值的時候表示分別控制上下、左右的邊框寬度。
有三個值的時候表示分別控制上、左右、下的邊框寬度。
有四個只的時候表示分別控制上、右、下、左的邊框寬度。
*/
border-width也可以單獨指定不同方向：
/*
border-top-width 設置上邊的邊框寬度
border-bottom-width 設置下邊的邊框寬度
border-left-width 設置左邊的邊框寬度
border-right-width 設置右邊的邊框寬度
*/
- border-color（邊框顏色）
定義邊框的顏色，值表示的方式可以是十六進位，RGB十進位和單詞表示法。
同上，border-color的縮寫：
/*
只有一個值的時候表示同時控制上下左右的邊框顏色。
只有兩個值的時候表示分別控制上下、左右的邊框顏色。
有三個值的時候表示分別控制上、左右、下的邊框顏色。
有四個只的時候表示分別控制上、右、下、左的邊框顏色。
*/
border-color也可以單獨指定不同方向：
/*
border-top-color 設置上邊的邊框顏色
border-bottom-color 設置下邊的邊框顏色
border-left-color 設置左邊的邊框顏色
border-right-color 設置右邊的邊框顏色
*/
- 邊框樣式縮寫
還可以把邊框風格，邊框寬度，邊框顏色進行組合在一起，進行縮寫：
語法：// border: 邊框寬度 邊框樣式 邊框顏色;
註意，border的縮寫值可以不按照順序來進行書寫。這樣的縮寫可以同時控制4個方向的邊框樣式。
本文來自博客園，作者：生而自由愛而無畏，轉載請註明原文鏈接：https://www.cnblogs.com/zczhaod/p/17648859.html
