-
list-style-type
鎖定
list-style-type,是指在CSS中,不管是有序列表還是無序列表,都統一使用list-style-type屬性來定義列表項符號。
- 外文名
- list-style-type
- 出 處
- CSS
- 定 義
- 定義列表項符號
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:
阿拉伯數字(CSS1)
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。
默認值: | "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:這是一個項目列表
- 參考資料
-
- 1. CSS list-style-type屬性 .綠葉學習網[引用日期2015-06-19]
- 2. CSS list-style-type .W3Cschool[引用日期2018-03-31]
- 詞條統計
-
- 瀏覽次數:次
- 編輯次數:14次歷史版本
- 最近更新: Good丶Hao