|
顯示
語(yǔ)法: display: <值>
允許值: block | inline | list-item | none
初始值: block
適用于: 所有對(duì)象
向下兼容: 否
顯示屬性允許使用四個(gè)值中的一個(gè)來(lái)定義一個(gè)元素:
block (在元素的前和后都會(huì)有換行)
inline (在元素的前和后都不會(huì)有換行)
list-item (與block相同, 但增加了目錄項(xiàng)標(biāo)記)
none (沒(méi)有顯示)
每個(gè)元素都典型地由瀏覽器基于HTML規(guī)格建議的展示形式給出一個(gè)缺省的顯示值。
顯示屬性可能并不安全，因?yàn)樗褂昧硗獾牟缓线m的格式顯示元素。使用值none將關(guān)閉指定元素及其子元素的顯示！
空白
語(yǔ)法: white-space: <值>
允許值: normal | pre | nowrap
初始值: normal
適用于: 塊級(jí)元素
向下兼容: 是
空白屬性將決定如何處理元素內(nèi)的空格. 該屬性的值取以下三個(gè)中的一個(gè):
normal (將多個(gè)空格折疊成一個(gè))
pre (不折疊空格)
nowrap (不允許換行，除非遇到<BR>標(biāo)記)
目錄樣式類(lèi)型
語(yǔ)法: list-style-type: <值>
允許值: disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none
初始值: disc
適用于: 帶有顯示值的目錄項(xiàng)元素
向下兼容: 是
目錄樣式項(xiàng)屬性指定目錄項(xiàng)標(biāo)記的類(lèi)型，當(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. */
目錄樣式圖象
語(yǔ)法: list-style-image: <值>
允許值: <url> | none
初始值: none
適用于: 帶有顯示值的目錄項(xiàng)元素
向下兼容: 是
當(dāng)圖象載入選項(xiàng)打開(kāi)時(shí)，目錄樣式圖象屬性在指定目錄項(xiàng)標(biāo)記使用哪個(gè)圖象代替由目錄樣式類(lèi)型屬性指定的標(biāo)記。
例如:
UL.check { list-style-image: url(/LI-markers/checkmark.gif) }
UL LI.x { list-style-image: url(x.png) }
目錄樣式位置
語(yǔ)法: list-style-position: <值>
允許值: 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
目錄樣式
語(yǔ)法: list-style: <值>
允許值: <目錄樣式類(lèi)型> || <目錄樣式位置> || <url>
初始值: 未定義
適用于: 帶有顯示值的目錄項(xiàng)元素
向下兼容: 是
目錄樣式屬性是目錄樣式類(lèi)型、目錄樣式位置，和目錄樣式圖象屬性的略寫(xiě)。
例如:
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
|
