邊框 CSS 的設定

  

框邊框的屬性(預設沒有樣式）

      border-top            設定上邊框的屬性

      border-bottom      設定下邊框的屬性

      border-right          設定右邊框的屬性

      border-left            設定左邊框的屬性

      border-width         可選值（thin,medium,thick或指定長度）

      border-style          同上

      border-color          設定邊框顏色

 

border

      功能：簡寫屬性，設定所有邊框的屬性

      數值：

            border-width --->可選值(thin,medium,thick或指定長度)

            border-style --->可選值(none,dotted,dashed,solid,double,groove,ridge,inset,outset)

            border-color --->可用顏色名或RGB值

      說明：與其它簡寫屬性不同的是，每個設定只能取一個值，這個屬性均勻作用於邊框的各邊

border-width

      功能：簡寫屬性，可同時設定四個邊框的寬度

      數值：

            thin            細邊框

            medium      中等線寬

            thick           粗線

            長度            用相對或絕對單位設定邊框寬度

border-style

      功能：用於顯示邊框和指定邊框的樣式

      數值：    

            none---不顯示邊框，為預設值

            dotted---點線

            dashed--?線

            solid---實線

            double---雙線

            groove---3D陷入線

            ridge---3D山脊？線

            inserst---使頁面有沉入感

            outset---使頁面有浮出感

說明：ridge,inset,outset對於有些瀏覽器會將它們繪製成實線

border-color

      功能：簡寫屬性，設定四個邊框的顏色值

      數值：可以用顏色名或RGB值，如果指定單個顏色，則四個邊框都顯示為這個顏色，如果指定兩個顏色，則順序為上下，左右；如果指定三種顏色，則順序為上，左右，下；如果指定四種顏色，則順序為上，右下，左。

      顏色名有如下一些：aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow.

      對於RGB值，可用三種方法指定

            #rrggbb; rgb(r,g,b); rgb(r%,g%,b%)