border-style定義元素的四個邊框樣式，可選值：
none : 預設值。無邊框
hidden : 隐藏邊框
dotted :點線邊框
dashed : 虛線邊框
solid :實線邊框
double : 雙線邊框。兩條單線與其間隔的和等于 border-width 值
groove : 3D凹槽 ，效果取決于 border-color 的值
ridge : 3D凸槽 ，效果取決于border-color值
inset : 3D凹邊 ，效果取決于 border-color 的值
outset : 3D凸邊， 效果取決于 border-color 的值
如果border-styler設定全部四個參數值，将按上－右－下－左的順序作用于四個邊框。如果隻設定一個，将用于全部的四條邊。如果設定兩個值，第一個用于上－下，第二個用于左－右。如果提供三個，第一個用于上，第二個用于左－右，第三個用于下。
div {border-style: dotted}
四個邊框的樣式将為點線
div {border-style: dotted dashed}
上下邊框的樣式将為點線(dotted），左右邊框的樣式将為虛線(dashed)
div {border-style: dotted dashed solid}
上下邊框的樣式将為點線(dotted）, 左右邊框的樣式将為虛線(dashed), 下邊框的樣式将為實線(solid)
div {border-style: dotted dashed solid double}
上邊框的樣式将為點線(dotted）,右邊框的樣式将為虛線(dashed), 下邊框的樣式将為實線(solid), 左邊框的樣式将為雙線( double)
注意:如果 border-width 設定為 0 ，border-style屬性将失去作用。
邊框的顔色(border-color)
border-color定義元素的四個邊框顔色，可選值：
- color。請參閱CSS顔色
- transparent，透明
如果border-color設定全部四個參數值，将按上－右－下－左的順序作用于四個邊框。如果隻設定一個，将用于全部的四條邊。如果設定兩個值，第一個用于上－下，第二個用于左－右。如果提供三個，第一個用于上，第二個用于左－右，第三個用于下。
table {border-color: red}
四個邊框的顔色将為紅色（red）
table {border-color: red green}
上下邊框的顔色将為紅色（red），左右邊框的顔色将為綠色（green）
table {border-color: red green blue}
上邊框的顔色将為紅色，左右邊框的顔色将為綠色（green）下邊框的顔色将為藍色（blue）
table {border-color: red green blue yellow}
上邊框的顔色将為紅色，右邊框的顔色将為綠色（green），下邊框的顔色将為藍色（blue），左邊框的顔色将為黃色（green）
注意: 隻設定 "border-color" 屬性将看不到效果，須要先設定 "border-style" 屬性
邊框寬度(border-width)
border-width定義元素的四個邊框寬度,可選值：
- medium : 預設值。預設寬度
- thin : 小于預設寬度
- thick : 大于預設寬度
- length :長度值,不可為負值。請參閱CSS長度機關
如果border-width設定全部四個參數值，将按上－右－下－左的順序作用于四個邊框。如果隻設定一個，将用于全部的四條邊。如果設定兩個值，第一個用于上－下，第二個用于左－右。如果提供三個，第一個用于上，第二個用于左－右，第三個用于下。
注意:如果 border-style 設定為 none ，border-width屬性将失去作用。先設定 border-style屬性再設定border-width屬性。
邊框屬性(border)
border是一個綜合屬性，定義元素的四個邊框的寬度、樣式和顔色。句法為：
border{border-width ;border-style ;border-color;}
例如：
p{ border: thin dotted #00FF00;}
span{ border: solid #0000FF}
上邊框(border-top)
border-top單獨定義元素的上邊框，句法為：
border-top : {border-width ;border-style ;border-color; }
table{border-top: thin dotted #00FF00}
table{border-top: solid #0000FF}
上邊框樣式（border-top-style）
border-top-style單獨定義元素的上邊框的樣式。如：
h1{?border-top-style: solid}
上邊框顔色（border-top-color）
border-top-color單獨定義元素的上邊框的顔色.如：
p
{
border-style: solid;
border-top-color: #ff0000
}
div {
border-top-color: rgb(255,0,0)
上邊框寬度(border-top-width)
p{border-style: solid;border-top-width: thin;}
div{?border-style: solid;border-top-width: 0.5cm}
-
右邊框屬性
border-right
border-right-width
border-right-style
border-right-color
-
下邊框屬性
border-bottom
border-bottom--width
border-bottom--style
border-bottom--color
-
左邊框屬性
border-left
border-left-width
border-left-style
border-left-color
border-top-color: red;
border-bottom-color: RGB(223, 94, 77);
border-right-color:blue;
border-left-color: black;
p{
border-top-style: double;
border-bottom-style: groove;
border-left-style: dashed;
border-right-style: dotted;
