1、PAGE PAGE 322附錄4 CSS屬性列表CSS是層疊樣式表的英文簡寫，就是平常所說的樣式表，主要用于定義網(wǎng)頁元素的各種屬性，如背景、文字顏色等。根據(jù)CSS設(shè)置對象的不同，一般包括文字屬性、背景屬性、邊框?qū)傩浴⑦吘嗯c補白屬性、區(qū)塊屬性以及其他屬性，下面對這些屬性及其功能進行列舉。屬性功能文字屬性font-family設(shè)置文字的字體，如宋體、黑體等font-size設(shè)置字號，可以使用絕對大小或相對高度；可以是具體的數(shù)值也可以是表示大小的一些特定英文單詞font-style設(shè)置斜體效果font-weight設(shè)置加粗字體，根據(jù)不同的取值，可以對文字進行不同程度的加粗font-variant將英

2、文字母按正常顯示；或者全部轉(zhuǎn)換為大寫字母font復(fù)合屬性，可以設(shè)置文字的相關(guān)屬性，包括字體、字號等text-align設(shè)置文本的水平對齊方式vertical-align設(shè)置文本的垂直對齊方式direction與unicode-bidi一起設(shè)置文本反排，例如默認(rèn)文字是從左到右，反排之后就變成了從右向左nicode-bidi與direction一起設(shè)置文本反排writing-mode設(shè)置元素的布局方式，比如先從上到下，再從右到左word-break設(shè)置字內(nèi)換行屬性，即當(dāng)文本寬度超出瀏覽器的時候，是否會將位于邊緣的單詞打散顯示line-break設(shè)置日文文本的換行規(guī)則word-wrap超過容器邊界時

3、是否自動換行text-decoration設(shè)置文字修飾效果，如下劃線、刪除線等text-underline-position為添加下劃線的文字設(shè)置其下劃線的線條位置word-spacing設(shè)置單詞間隔letter-spacing字符間隔text-transform對文本中的中英文進行大小寫轉(zhuǎn)換text-indent文本的縮進line-height文本行高white-space處理頁面的空白方式，例如是否將多個空格合并成一個元素的背景background-color設(shè)置背景顏色background-image將圖像作為背景，它的優(yōu)先級高于background-colorbackground-re

4、peat設(shè)置背景圖像在頁面中的平鋪效果background-attachment圖像與頁面的布局，即背景圖像相對于瀏覽器窗口來說是否固定不變background-position設(shè)置背景圖像顯示的開始位置，默認(rèn)都是從元素的左上角開始顯示background背景的復(fù)合屬性，可以統(tǒng)一設(shè)置背景的相關(guān)屬性，如顏色、背景圖像等邊框?qū)傩詁order-top-style設(shè)置上邊框的線條風(fēng)格，如實線效果、短線效果等border-right-style設(shè)置右邊框的線條風(fēng)格border-bottom-style設(shè)置下邊框的線條風(fēng)格border-left-style設(shè)置左邊框的線條風(fēng)格border-style綜合設(shè)

5、置邊框的線條風(fēng)格，可以全部設(shè)置，也可以設(shè)置部分邊框border-top-color設(shè)置上邊框的顏色，可以是表示顏色的英文單詞，也可以是顏色代碼值border-right-color設(shè)置右邊框的顏色border-bottom-color設(shè)置下邊框的顏色border-left-color設(shè)置左邊框的顏色border-color綜合設(shè)置邊框的顏色border-top-width設(shè)置上邊框的寬度，可以是表示寬度的一些特定單詞，也可以直接設(shè)置寬度的數(shù)值border-right-width設(shè)置右邊框的寬度border-bottom-width設(shè)置下邊框的寬度border-left-width設(shè)置左邊框的寬

6、度border-width綜合設(shè)置邊框的寬度border-top設(shè)置上邊框的風(fēng)格、顏色等屬性border-right設(shè)置右邊框的風(fēng)格、顏色等屬性border-bottom設(shè)置下邊框的風(fēng)格、顏色等屬性border-left設(shè)置左邊框的風(fēng)格、顏色等屬性border設(shè)置邊框的整體效果，包括各個邊框的風(fēng)格、顏色、寬度等，也可以只設(shè)置其中某幾種屬性border-style設(shè)置框架中的邊框風(fēng)格border設(shè)置框架的其他邊框?qū)傩詁order-collapse表格相鄰邊框的合并邊距與補白屬性margin-top設(shè)置元素的上邊距，可以是百分比或者確切的數(shù)值margin-bottom設(shè)置元素的下邊距margin-

7、left設(shè)置元素的左側(cè)邊距margin-right設(shè)置元素的右側(cè)邊距margin復(fù)合屬性，可以簡潔設(shè)置4個邊距padding-top設(shè)置頂端補白，即元素的內(nèi)容與其上邊框的距離padding-bottom設(shè)置底部補白padding-right設(shè)置左側(cè)補白padding-left設(shè)置右側(cè)補白padding復(fù)合屬性，可簡潔設(shè)置4個方向的補白區(qū)塊屬性position定位方式，包括絕對定位和相對定位top設(shè)置元素距頂端的垂直距離left設(shè)置元素距離左端的水平距離right設(shè)置元素距離右側(cè)的水平距離bottom設(shè)置元素距離下端的水平距離z-index設(shè)置頁面中各個層之間的層疊順序，一般序號越大，層越靠下，

8、被覆蓋的幾率也越大float設(shè)置浮動屬性，一般用于設(shè)置是否允許文字出現(xiàn)在圖像的周圍clear設(shè)置清除屬性，即指定某個元素的某側(cè)不允許有環(huán)繞的文字或其他對象clip設(shè)置頁面中對象的可視范圍，即哪些可見，哪些被隱藏overflow設(shè)置當(dāng)內(nèi)容超出范圍時，對于內(nèi)容的處理方式，如裁切或者啟用滾動條overflow-x設(shè)置水平方向超出范圍的處理方式overflow-y設(shè)置垂直方向超出范圍的處理方式visibility可見屬性，是針對嵌套層的設(shè)置width、height尺寸設(shè)置其他CSS屬性filter使用濾鏡創(chuàng)建特殊效果list-style-type設(shè)置列表符號list-style-image將圖像作為列表符號使用，后面一般需要提供圖像的URL地址list-style-position調(diào)整列表的縮進效果list-style復(fù)合屬性，設(shè)置列表的相關(guān)屬性，如列表符號、縮進等cursor設(shè)置鼠標(biāo)指針的光標(biāo)形狀，如十字形、箭頭等scrollbar-face-color設(shè)置滾動條表面的顏色scrollbar