(1). 20 20 20 20 --->; 邊(bian)框的(de)寬(kuan)度, 分別對應top, right, bottom, left邊(bian)框, 改變(bian)寬(kuan)度可以實現不同的(de)效果;

(2). 邊框圖(tu)片效果(目(mu)前僅(jin)實現了兩種): 

    ;  repeat --- 邊框圖片會平鋪, 類似(si)于(yu)背景重(zhong)復;

      stretch --- 邊框(kuang)圖片會以拉伸的方式(shi)來鋪滿整個邊框(kuang);

(3). 必須(xu)將元素的邊框厚度設置(zhi)為(wei)非0非auto值.

       FF 3.5, Safari 4, Chrome 3

四. text-shadow(文本陰影)

       text-shadow: [<顏(yan)色><水平偏(pian)(pian)移(yi)><縱(zong)向偏(pian)(pian)移(yi)><模(mo)糊(hu)半徑>] || [<水平偏(pian)(pian)移(yi)><縱(zong)向偏(pian)(pian)移(yi)><模(mo)糊(hu)半徑><顏(yan)色>];

(1) <顏色>和(he)<模糊(hu)半(ban)(ban)徑(jing)>是可選的, 當(dang)<顏色>未(wei)指定時, 將(jiang)使用文(wen)本(ben)顏色; 當(dang)<模糊(hu)半(ban)(ban)徑(jing)>未(wei)指定時, 半(ban)(ban)徑(jing)值為0;

(2) shadow可以是逗(dou)號分(fen)隔的列表(biao), 如:

     text-shadow: 2px 2px 2px #ccc, 3px 3px 3px #ddd;

(3) 陰影效(xiao)果會按照shadow list中指定的順序(xu)應用到元(yuan)素上(shang);

(4) 這些陰(yin)影效果有可能相(xiang)互重疊(die), 但不(bu)會疊(die)加(jia)文本本身;

(5) 陰(yin)影(ying)可(ke)能會(hui)跑到容器的邊(bian)界之外, 但(dan)不會(hui)影(ying)響(xiang)容器的大小(xiao).

       FF 3.5, Opera 10, Safari 4, Chrome 3

五.  text-overflow(文本截(jie)斷(duan))

       text-overflow: inherit | ellipsis | clip ;

       -o-text-overflow: inherit | ellipsis | clip;

(1) 還有一個(ge)屬性ellipsis-word, 但各瀏覽器均(jun)不(bu)支持.

&nbsp;      IE6+, Safari4, Chrome3, Opera10

六. word-wrap(自動換行(xing))

 &nbsp;     word-wrap: normal | break-word;

       IE6+, FF 3.5, Safari 4, Chrome 3

七. border-radius(圓角邊框)

       ; -moz-border-radius: 5px;

-webkit-border-radius: 5px;

FF 3+,  Safari 4 , ;Chrome 3 

八.   opacity(不透明(ming)度)   

       opacity: 0.5;

       filter: alpha(opacity=50); /* for IE6, 7 */

       -ms-filter(opacity=50); /* for IE8 */

九. box-sizing(控制盒模(mo)型的組成模(mo)式)

       box-sizing: content-box | border-box; // for opera

      ; -moz-box-sizing: content-box | border-box;

       -webkit-box-sizing: content-box | border-box;

      1. content-box: 

      使用(yong)此值時, 盒模型(xing)的組成模式(shi)是, 元素寬度 = content + padding + border;

      2. border-box: 

     &nbsp;使(shi)用此值時, 盒模(mo)(mo)型的(de)組(zu)成模(mo)(mo)式(shi)是(shi), 元素寬(kuan)(kuan)度 = content(即使(shi)設置(zhi)了padding和border, 元素的(de)寬(kuan)(kuan)度

      也不會變(bian)).

       FF3+, Opera 10, Safari 4, Chrome 3

十. resize(元素縮放)

       resize:&nbsp; none | both | horizontal | vertical;

     &nbsp; 1. 必須(xu)將元素的overflow屬(shu)性設(she)置為auto或hidden, 該屬(shu)性才能(neng)起(qi)作(zuo)用(overflow設(she)置為visible時, 無效);

       2. 屬性值說明:

       (1). none --> 禁(jin)用縮(suo)放;

       (2). both --> 可同時縮放寬度和高度;

       (3). horizontal --> 僅能縮放寬度;

       (4). vertical --&gt; 僅能縮放高度;

       safari 4, chrome 3

十一. outline(外邊框)

       outline: 邊框(kuang)厚(hou)度 邊框(kuang)樣式(shi) 邊框(kuang)顏色(se);

       outline-offset: 偏移值;

       outline-offset需要獨立寫(xie), 簡寫(xie)是無效的.

     &nbsp; FF3+, safari 4, chrome 3, opera 10

十二(er). background-size(指定(ding)背景圖(tu)片的尺寸)

 ;      -o-background-size: [length | percentage] {1, 2};

       -webkit-background-size: [length | percentage] {1, 2};

       -o-background-size: 50px 60px;

     &nbsp; -webkit-background-size: 50px 60px;

&nbsp;      這會(hui)將背景圖片的寬設(she)置了(le)50px, 高60px.

        safari 4, chrome 3, opera 10  &nbsp;

十三. background-origin(指定背景圖片(pian)從(cong)哪里開始顯示) 

      ; -webkit-background-origin: border | padding | content;

&nbsp;    &nbsp; -moz-background-origin: border | padding | content;  

     &nbsp; (1) border --> 從(cong)border區(qu)域(yu)開始顯示背(bei)景;

       (2) padding --> 從padding區域(yu)開(kai)始顯(xian)示背(bei)景;

&nbsp;      (3) content --> ;從content區域開始顯示背景;

       1. 必須先(xian)指(zhi)定(ding)background屬性, 然后才(cai)能指(zhi)定(ding)該(gai)屬性, 如果(guo)該(gai)屬性出(chu)現(xian)在background屬性之前, 

        safari 4, chrome 3, FF 3+          &nbsp;

十四. background-clip(指定背(bei)景圖片從什么位置開始裁切)