list-style-type

list-style-type，是指在CSS中，不管是有序列表還是無序列表，都統一使用list-style-type屬性來定義列表項符號。

基本介紹

• 外文名：list-style-type
• 出處：CSS
• 定義：定義列表項符號

簡介

在HTML中，type屬性來定義列表項符號，那是在元素屬性中定義的。但是我們不建議使用type屬性來定義元素的樣式。

在CSS中，不管是有序列表還是無序列表，都統一使用list-style-type屬性來定義列表項符號。

有序列表list-style-type屬性取值如下：

list-style-type屬性值	說明
decimal	默認值，數字1、2、3……
lower-roman	小寫羅馬數字i、ii、iii……
upper-roman	大寫羅馬數字I、II、III……
lower-alpha	小寫英文字母a、b、c……
upper-alpha	大寫英文字母A、B、C……

無序列表list-style-type取值：

list-style-type屬性值	說明
disc	默認值，實心圓“●”
circle	空心圓“○”
square	實心正方形“■”

語法

list-style-type：disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin

默認值：disc

取值

disc：

實心圓(CSS1)

circle：

空心圓(CSS1)

square：

實心方塊(CSS1)

decimal：

阿拉伯數字(CSS1)

lower-roman：

小寫羅馬數字(CSS1)

upper-roman：

大寫羅馬數字(CSS1)

lower-alpha：

小寫英文字母(CSS1)

upper-alpha：

大寫英文字母(CSS1)

none：

不使用項目符號(CSS1)

armenian：

傳統的亞美尼亞數字(CSS2)

cjk-ideographic：

淺白的表意數字(CSS2)

georgian：

傳統的喬治數字(CSS2)

lower-greek：

基本的希臘小寫字母(CSS2)

hebrew：

傳統的希伯萊數字(CSS2)

hiragana：

日文平假名字元(CSS2)

hiragana-iroha：

日文平假名序號(CSS2)

katakana：

日文片假名字元(CSS2)

katakana-iroha：

日文片假名序號(CSS2)

lower-latin：

小寫拉丁字母(CSS2)

upper-latin：

大寫拉丁字母(CSS2)

說明

設定或檢索對象的列表項所使用的預設標記。

若list-style-image屬性為none或指定圖像不可用時，list-style-type屬性將發生作用。

僅作用於具有display值等於list-item的對象（如li對象）。

注意：ol對象和ul對象的type特性為其後的所有列表項目（如li對象）指明列表屬性。

對應的腳本特性為listStyleType。

list-style-type 屬性的使用說明如下表所示：

默認值：	"disc" for <ul> and "decimal" for <ol>
繼承：	yes
版本：	CSS1
JavaScript 語法：	object.style.listStyleType="square"

示例

disc：這是一個項目列表
circle：這是一個項目列表
square：這是一個項目列表
decimal：這是一個項目列表
lower - roman：這是一個項目列表
upper - roman：這是一個項目列表
lower - alpha：這是一個項目列表
upper - alpha：這是一個項目列表
none：這是一個項目列表
armenian：這是一個項目列表
cjk - ideographic：這是一個項目列表
georgian：這是一個項目列表
lower - greek：這是一個項目列表
hebrew：這是一個項目列表
hiragana：這是一個項目列表
hiragana - iroha：這是一個項目列表
katakana：這是一個項目列表
katakana - iroha：這是一個項目列表
lower - latin：這是一個項目列表
upper - latin：這是一個項目列表