複製鏈接
請複製以下鏈接發送給好友

list-style-type

鎖定
list-style-type,是指在CSS中,不管是有序列表還是無序列表,都統一使用list-style-type屬性來定義列表項符號。
外文名
list-style-type
出    處
CSS
定    義
定義列表項符號

目錄

  1. 1 簡介
  2. 語法
  3. 取值
  4. 説明
  5. 2 示例

list-style-type簡介

HTML中,type屬性來定義列表項符號,那是在元素屬性中定義的。但是我們不建議使用type屬性來定義元素的樣式。 [1] 
有序列表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語法

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

list-style-type取值

disc:
實心圓(CSS1)
circle:
空心圓(CSS1)
square:
實心方塊(CSS1)
decimal:
lower-roman:
upper-roman:
大寫羅馬數字(CSS1)
lower-alpha:
小寫英文字母(CSS1)
upper-alpha:
大寫英文字母(CSS1)
none:
不使用項目符號(CSS1)
armenian:
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-type説明

設置或檢索對象的列表項所使用的預設標記。
list-style-image屬性為none或指定圖像不可用時,list-style-type屬性將發生作用。
僅作用於具有display值等於list-item的對象(如li對象)。
注意:ol對象和ul對象的type特性為其後的所有列表項目(如li對象)指明列表屬性。
對應的腳本特性為listStyleType
list-style-type 屬性的使用説明如下表所示: [2] 
默認值:
"disc" for <ul> and "decimal" for <ol>
繼承:
yes
版本:
JavaScript 語法:
object.style.listStyleType="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:這是一個項目列表
參考資料