，但它能應(yīng)用于所有元素。

分類屬性

顯示
語法: display: <值>

答應(yīng)值: block | inline | list-item | none

初始值: block

適用于: 所有對(duì)象

向下兼容: 否


顯示屬性答應(yīng)使用四個(gè)值中的一個(gè)來定義一個(gè)元素:

block (在元素的前和后都會(huì)有換行)
inline (在元素的前和后都不會(huì)有換行)
list-item (與block相同, 但增加了目錄項(xiàng)標(biāo)記)
none (沒有顯示)
每個(gè)元素都典型地由瀏覽器基于HTML規(guī)格建議的展示形式給出一個(gè)缺省的顯示值。

顯示屬性可能并不安全，因?yàn)樗�使用另外的不合適的格式顯示元素。使用值none將關(guān)閉指定元素及其子元素的顯示！

空白
語法: white-space: <值>

答應(yīng)值: normal | pre | nowrap

初始值: normal

適用于: 塊級(jí)元素

向下兼容: 是


空白屬性將決定如何處理元素內(nèi)的空格. 該屬性的值取以下三個(gè)中的一個(gè):

normal (將多個(gè)空格折疊成一個(gè))
pre (不折疊空格)
nowrap (不答應(yīng)換行，除非碰到
標(biāo)記)
目錄樣式類型
語法: list-style-type: <值>

答應(yīng)值: disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none

初始值: disc

適用于: 帶有顯示值的目錄項(xiàng)元素

向下兼容: 是


目錄樣式項(xiàng)屬性指定目錄項(xiàng)標(biāo)記的類型，當(dāng)目錄樣式圖象值為none或當(dāng)圖象載入選項(xiàng)被關(guān)閉時(shí)使用。

例如:

LI.square { list-style-type: square }
UL.plain { list-style-type: none }
OL { list-style-type: upper-alpha } /* A B C D E etc. */
OL OL { list-style-type: decimal } /* 1 2 3 4 5 etc. */
OL OL OL { list-style-type: lower-roman } /* i ii iii iv v etc. */

目錄樣式圖象
語法: list-style-image: <值>

答應(yīng)值: | none

初始值: none

適用于: 帶有顯示值的目錄項(xiàng)元素

向下兼容: 是


當(dāng)圖象載入選項(xiàng)打開時(shí)，目錄樣式圖象屬性在指定目錄項(xiàng)標(biāo)記使用哪個(gè)圖象代替由目錄樣式類型屬性指定的標(biāo)記。

例如:

UL.check { list-style-image: url(/LI-markers/checkmark.gif) }
UL LI.x { list-style-image: url(x.png) }

目錄樣式位置
語法: list-style-position: <值>

答應(yīng)值: inside | outside

初始值: outside

適用于: 帶有顯示值的目錄項(xiàng)元素

向下兼容: 是


目錄樣式位置屬性可以取值inside(內(nèi)部) or outside(外部)，其中outside是缺省值。整個(gè)屬性決定關(guān)于目錄項(xiàng)的標(biāo)記應(yīng)放在那里。假如使用inside值，換行會(huì)移到標(biāo)記下，而不是縮進(jìn)。應(yīng)用的例子如下:

Outside rendering:
* List item 1
second line of list item

Inside rendering:
* List item 1
second line of list item

目錄樣式
語法: list-style: <值>

答應(yīng)值: <目錄樣式類型> || <目錄樣式位置> ||

初始值: 未定義

適用于: 帶有顯示值的目錄項(xiàng)元素
向下兼容: 是


目錄樣式屬性是目錄樣式類型、目錄樣式位置，和目錄樣式圖象屬性的略寫。

例如:

LI.square { list-style: square inside }
UL.plain { list-style: none }
UL.check { list-style: url(/LI-markers/checkmark.gif) circle }
OL { list-style: upper-alpha }
OL OL { list-style: lower-roman inside }

CSS 單位

查看更多 動(dòng)易Cms教程  動(dòng)易Cms模板