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