css list-style屬性


  翻譯結果:

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

css list-style屬性語法

作用:在一個宣告中設定所有的清單屬性。

說明:該屬性是一個簡寫屬性,涵蓋了所有其他清單樣式屬性。由於它應用到所有 display 為 list-item 的元素,所以在普通的 HTML 和 XHTML 中只能用於 li 元素,不過實際上它可以應用到任何元素,並由 list-item 元素繼承。可以依序設定下列屬性:list-style-type,list-style-position,list-style-image。可以不設定其中的某個值,例如 "list-style:circle inside;" 也是允許的。未設定的屬性會使用其預設值。

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

css list-style屬性範例

<html>
<head>
<style type="text/css">
ul 
{
list-style: circle inside;
}
</style>
</head>

<body>
<ul>
<li>咖啡</li>
<li>茶</li>
<li>可口可乐</li>
</ul>
</body>

</html>

執行實例 »

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

熱門推薦

首頁

影片

問答