css與css3對比

標籤：border css3 border-image

原始css：

border屬性

border-color:邊框顏色

border-width:邊框寬度

border-style:邊框樣式

none : 　無邊框。與任何指定的border-width值無關
hidden : 　隱藏邊框。IE不支援
dotted : 　在MAC平台上IE4+與WINDOWS和UNIX平台上IE5.5+為點線。否則為實線（常用）
dashed : 　在MAC平台上IE4+與WINDOWS和UNIX平台上IE5.5+為虛線。否則為實線（常用）
solid : 　實線邊框（常用）
double : 　雙線邊框。兩條單線與其間隔的和等於指定的border-width值
groove : 　根據border-color的值畫3D凹槽
ridge : 　根據border-color的值畫菱形邊框
inset : 　根據border-color的值畫3D凹邊
outset : 　根據border-color的值畫3D凸邊

css3

border邊框屬性：

border-radius：圓角

 div

 {

 border:2px solid;

 border-radius:25px;

 -moz-border-radius:25px; /* Old Firefox */

 }

box-shadow：邊框陰影

  例如：

 div

 {

 box-shadow: 10px 10px 5px #888888;

 }

border-images:邊框映像

 border-image-soure

 border-image-slice

 border-image-width

 border-image-outset

 border-image-repeat

本文出自 “ezbanana” 部落格，轉載請與作者聯絡！

css與css3對比