1、display

功能:改變?cè)氐娘@示值,可以將元素類型線上,塊和清單項(xiàng)目相互變換。
數(shù)值
none - 不顯示元素
block - 塊顯示,在元素前后設(shè)置分行符
inline - 刪除元素前后的分行符,使其并入其它元素流中
list-item - 將元素設(shè)置為清單中的一行
說(shuō)明:可用 display 屬性值生成插入標(biāo)題和補(bǔ)加清單或讓圖形變成線上顯示。

2、white-space

功能:控制元素?的空白。
數(shù)值
normal - 不改變,保持缺省值,在瀏覽器頁(yè)面長(zhǎng)度處換行。
pre - 要求文檔顯示中采用源代碼中的格式。
nowarp - 不讓訪問(wèn)者在元素?換行。

3、list-style-type

功能:指定清單所用的強(qiáng)調(diào)符或編號(hào)類型
數(shù)值
none - 無(wú)強(qiáng)調(diào)符
disc - 碟形強(qiáng)調(diào)符(實(shí)心圓)
circle - 圓形強(qiáng)調(diào)符(空心圓)
square - 方形強(qiáng)調(diào)符(實(shí)心)
decimal - 十進(jìn)制數(shù)強(qiáng)調(diào)符
lower-roman - 小寫羅褚字強(qiáng)調(diào)符
upper-roman - 大寫羅褚字強(qiáng)調(diào)符
lower-alpha - 小寫字母強(qiáng)調(diào)符
upper-alpha - 大寫字母強(qiáng)調(diào)符
例子

  • item1
  • item2
  • item3

4、list-style-image

功能:用于將清單中標(biāo)準(zhǔn)強(qiáng)調(diào)符換成所選的圖形
數(shù)值
無(wú)圖形
url - 圖形URL地址
例子

  • item1
  • item2
  • item3

5、list-style-position

功能:用于設(shè)置強(qiáng)調(diào)符的縮排或伸排,這個(gè)屬性可以讓強(qiáng)調(diào)符突出于清單以外或與清單項(xiàng)目對(duì)齊。
數(shù)值
inside - 縮排,將強(qiáng)調(diào)符與清單項(xiàng)目?jī)?nèi)容左邊界對(duì)齊
outside - 伸排,強(qiáng)調(diào)符突出到清單項(xiàng)目?jī)?nèi)容左邊界以外

6、list-style

功能:簡(jiǎn)寫屬性,將所有清單屬性放在一條語(yǔ)句中。
數(shù)值
list-style-type
list-style-position
list-style-image
這些值的細(xì)節(jié)見各個(gè)屬性部分。
例子

  • item1
  • item2
  • item3

隨機(jī)推薦