浅谈css样式之list-type
在我们的工作学习中，大多数人使用列表标签的时候总一般的选择是把list-type设置成none。不过可能很多人对于这个属性的细节并没有很深的了解。甚至会把list-type和list-type-style混淆。那么，今天我们就来看看css的这个属性的一些细节。
list-type定义:用于在一个声明中设置一个列表的所有属性的简写属性，该属性是一个简写属性，涵盖了所有其他列表样式属性，仅作用于具有display值等于list-item的对象(如li对象)。
这个属性有：1、list-type-image 2、list-type-position 3、list-type-style
- list-type-image
说明: 设置或检索作为对象的列表项标记的图像。若此属性值为 none 或指定 url 地址的图片不能被显示时，list-style-type 属性将发生作用。
取值：默认值是none，也可以自己指定图片。
- list-type-position
说明: 设置或检索作为对象的列表项标记如何根据文本排列。假如一个列表项目的左外补丁( margin-left )被设置为 0 ，则列表项目标记不会被显示。左外补丁( margin-left )最小可以被设置为 30 。仅作用于具有 display 属性值等于 list-item 的对象。如 li 对象。
取值：默认值是outside，outside：列表项目标记放置在文本以外，且环绕文本不根据标记对齐。也可设置为：inside。inside : 列表项目标记放置在文本以内，且环绕文本根据标记对齐
- list-type-style
说明: 设置或检索对象的列表项所使用的预设标记。若 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 大写拉丁字母
最新文章
- python文本过滤
- JS checkbox 全选 全不选
- [Asp.net 5] Configuration-新一代的配置文件（ConfigurationSource的多种实现）
- iOS自动化编译
- SVN clean up问题
- Google Volley: How to send a POST request with Json data?
- PAT-乙级-1021. 个位数统计 (15)
- JUnit java单元测试
- jquery treeTable插件使用细则
- MySQL长短密码
- 微信小程序-参数传递与事件处理
- Java8：Lambda表达式增强版Comparator和排序
- 关于 java.lang.ClassCastException: java.math.BigDecimal cannot be cast to java.lang.String
- Zabbix应用二:Zabbix添加监控主机
- 从0开始学习 GITHUB 系列之「加入 GITHUB」【转】
- vue手脚架安装和项目创建
- 20155226 2016-2017-2 《Java程序设计》第3周学习总结
- PyQt的QString 和 QStringList
- 详解Oracle hints PQ_DISTRIBUTE
- 尝试将 SCRIPT ompbox\private\ompmex 作为函数执行