CSS中的list-style列表属性怎么使用

本文小编为大家详细介绍“CSS中的list-style列表属性怎么使用”,内容详细,步骤清晰,细节处理妥当,希望这篇“CSS中的list-style列表属性怎么使用”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

创新互联是专业的荔湾网站建设公司,荔湾接单;提供网站制作、成都做网站,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行荔湾网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

解析CSS列表样式属性list-style

◆list-style

定义:用于在一个声明中设置一个列表的所有属性的简写属性,该属性是一个简写属性,涵盖了所有其他列表样式属性,仅作用于具有display值等于list-item的对象(如li对象)。

相关:list-style-imagelist-style-positionlist-style-type

◆list-style-image

说明:设置或检索作为对象的列表项标记的图像。若此属性值为none或指定url地址的图片不能被显示时,list-style-type属性将发生作用。

取值:

none: 默认值。不指定图像

url(url): 使用绝对或相对url地址指定图像

◆list-style-position

说明:设置或检索作为对象的列表项标记如何根据文本排列。假如一个列表项目的左外补丁(margin-left)被设置为0,则列表项目标记不会被显示。左外补丁(margin-left)最小可以被设置为30。仅作用于具有display属性值等于list-item的对象。如li对象。

取值:

outside: 默认值。列表项目标记放置在文本以外,且环绕文本不根据标记对齐

inside: 列表项目标记放置在文本以内,且环绕文本根据标记对齐

◆list-style-type

说明:设置或检索对象的列表项所使用的预设标记。若list-style-image属性值为none或指定url地址的图片不能被显示时,此属性将发生作用。

取值:

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 大写拉丁字母

读到这里,这篇“CSS中的list-style列表属性怎么使用”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注创新互联行业资讯频道。


网站名称:CSS中的list-style列表属性怎么使用
转载源于:http://scyanting.com/article/gisjpj.html