list-style-type
在CSS中不管是有序列表还是无序列表都统一使用list-style-type属性来定义列表项符号
list-style-type,是指在CSS中,不管是有序列表还是无序列表,都统一使用list-style-type属性来定义列表项符号。
简介
HTML中,type属性来定义列表项符号,那是在元素属性中定义的。但是我们不建议使用type属性来定义元素的样式。
有序列表list-style-type属性取值如下:
无序列表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
取值
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-image属性为none或指定图像不可用时,list-style-type属性将发生作用。
仅作用于具有display值等于list-item的对象(如li对象)。
注意:ol对象和ul对象的type特性为其后的所有列表项目(如li对象)指明列表属性。
对应的脚本特性为listStyleType。
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:这是一个项目列表
参考资料
CSS list-style-type属性.绿叶学习网.
最新修订时间:2023-08-24 12:19
目录
概述
简介
参考资料