首頁 > web前端 > css教學 > 主體

CSS語法手冊(六)分類屬性

黄舟
發布: 2016-12-19 16:17:54
原創
1563 人瀏覽過

1、display

功能:改變元素的顯示值,可以將元素類型線上,區塊和清單項目相互變換。
數值:
none - 不顯示元素
block - 區塊顯示,在元素前後設定分行符
inline - 刪除元素前後的分行符,使其併入其它元素流中
list-item - 將元素設定為清單中的一行
說明:可用display 屬性值產生插入標題和補加清單或讓圖形變成線上顯示。

2、white-space

功能:控制元素內的空白。
數值:
normal - 不改變,保持缺省值,在瀏覽器頁面長度處換行。
PRe - 要求文件顯示中採用原始碼中的格式。
nowarp - 不讓訪客在元素內換行。

3、list-style-type

功能:指定清單所用的強調符或編號類型
數值:
none - 無強調符
disc - 碟形強調符(實心圓)
circle - 圓形強調符(空心圓)
square - 方形強調符(實心)
decimal - 十進制數強調符
lower-roman - 小寫羅馬字強調符
upper-roman - 大寫羅馬字強調符
lower-alpha - 小寫字母強調符upper -alpha - 大寫字母強調字
範例:

item1

item2

item3

4、list-style-image

函數:用於將清單中標準強調無圖形

url - 圖形URL位址
範例:

item1

item2

item3

5、list-style-position

功能:用來設定強調符突出於清單以外或與清單項目對齊。

數值:

inside - 縮排,將強調符與清單項目內容左邊界對齊

outside - 伸排,強調符突出到清單項目內容左邊界以外


6、list-style

功能:簡寫屬性,將所有清單屬性放在一條語句中。

數值:

list-style-type

list-style-position
list-style-image
這些值的細節請參閱各個屬性部分。
範例:

item1

item2

item3

 以上是CSS文法手冊(六)分類屬性的內容,更多相關內容請關注PHP中文網(www.php.cn)! 

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板