list

英[lɪst]   美[lɪst]  

n.清單,目錄;傾斜;布邊,布頭;狹條

#vt.列出,列入;把…編列成表;記入名單內

vi.列於表上

第三人稱單數: lists 複數: lists 現在分詞: listing 過去式: listed 過去分詞: listed

style

英[staɪl]   美[staɪl]  

n.方式;樣式;時髦;儀表,品位

vt.設計;稱呼;為…造型

vi.使符合流行式樣;用刻刀作裝飾畫

第三人稱單數: styles 複數: styles 現在分詞: styling 過去式: styled 過去分詞: styled

type

英[taɪp]   美[taɪp]  

n.類型;鉛字; (印刷或印刷的)文字;於…類型的

vt.& vi.打字

vt.[醫學]測定(血型);按類型把…歸類;成為…的典型;[印刷]鑄造(鉛字等)

第三人稱單數: types 複數: types 現在分詞: typing 過去式: typed 過去分詞: typed

css 列表樣式類型屬性 語法

作用:設定清單項目標記的型別。

說明:任何的版本的Internet Explorer (包括IE8)都不支援屬性值"decimal-leading-zero"、"lower-greek"、"lower-latin"、" upper-latin"、"armenian"、"georgian" 或"inherit"。

註解:所有瀏覽器都支援 list-style-type 屬性。

css 列表樣式類型屬性 範例

<html>
<head>
<style type="text/css">
ul.circle {list-style-type:circle}
ul.square {list-style-type:square}
ol.upper-roman {list-style-type:upper-roman}
ol.lower-alpha {list-style-type:lower-alpha}
</style>
</head>

<body>
<p>Type circle:</p>
<ul class="circle">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>

<p>Type square:</p>
<ul class="square">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>

<p>Type upper-roman:</p>
<ol class="upper-roman">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ol>

<p>Type lower-alpha:</p>
<ol class="lower-alpha">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ol>


</body>
</html>

執行實例 »

點擊 "執行實例" 按鈕查看線上實例