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:这是一个项目列表
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:这是一个项目列表