CSS中list-style列表属性如何使用
本篇文章给大家分享的是有关CSS中list-style列表属性如何使用,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。
创新互联建站一直秉承“诚信做人,踏实做事”的原则,不欺瞒客户,是我们最起码的底线! 以服务为基础,以质量求生存,以技术求发展,成交一个客户多一个朋友!为您提供网站设计制作、网站建设、成都网页设计、重庆小程序开发、成都网站开发、成都网站制作、成都软件开发、APP应用开发是成都本地专业的网站建设和网站设计公司,等你一起来见证!
解析CSS列表样式属性list-style
平时制作页面中可对属性list-style在list-item对象中常用,但用的都不深。一般都设为none重置整个页面就差不多OK,可能很多人包括本人对属性list-style-type更细节方面的属性并不是很了解,更有可能对属性list-style和属性list-style-type概念会比较模糊,现有必要把它提出来重新学习一下,故整理如下。
◆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列表属性如何使用
文章URL:http://scyanting.com/article/jphohp.html