CSS list-style样式集锦
来源:互联网 发布:描写 动词 知乎 编辑:程序博客网 时间:2024/05/16 05:29
大家在写网页的时候,免不了写ul li,并且很多人不喜欢自带的li样式,所以一般会将li的样式设置为none,但是在有的时候,我们需要对一类资源进行编号,如新闻列表,博客列表,商品列表等等,并且有的需要进行阿拉伯编号,有的需要字母编号,这时候如果自己手写的话就麻烦了。没错,不要忘记list-style这个属性,它的功能还是蛮强大的哦,请看:
list-style
定义:用于在一个声明中设置一个列表的所有属性的简写属性,该属性是一个简写属性,涵盖了所有其他列表样式属性,仅作用于具有display值等于list-item的对象(如li对象)。
相关 : list-style-image || list-style-position || list-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属性控制li标签样式
- CSS list-style修改列表属性控制li标签样式
- CSS入门之列表样式用法及实例,list-style-image,list-style-type
- css style 鼠标样式
- CSS list-style 属性
- CSS样式问题集锦
- CSS样式重点集锦
- JavaScript修改css样式style
- JavaScript修改css样式style
- JavaScript修改css样式style
- JavaScript修改css样式style
- JavaScript修改css样式style
- JavaScript修改css样式style
- JavaScript修改css样式style
- CSS样式查询 border-style
- CSS字体样式(Font Style)
- js改变style样式和css样式
- leetcode-142-Linked List Cycle II
- js
- srand和rand()
- xss框架基础框架实现
- 如何根据Seeta教程创建自己的工程
- CSS list-style样式集锦
- FTP
- 【OTT】腾讯视频TV端商业模式
- 50条大牛C++编程开发学习建议
- Linux系统中重启tomcat的一般步骤
- SSO单点登录PHP简单版
- 快速熟悉项目代码
- 实验三:跟踪分析Linux内核的启动过程
- IPsec