CSS2列表属性

display:显示及显示样式

属性:

取值:none | block | inline | inline-block | list-item | run-in |table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group |table-cell|table-caption

 

解释:不显示 | 显示块状带换行符 | 显示块状没有换行符(默认) | 行内块元素显示 | 列表显示 | 根据上下文作为块级元素或内联元素显示 |作为块级表格来显示有换行符 | 作为块级表格来显示没有换行符 | 作为一个或多个行的分组来显示tbody | 作为一个或多个行的分组来显示thead | 作为一个或多个行的分组来显示tfoot | 作为一个表格显示tr | 作为一个或多个列的分组来显示colgroup |会作为一个单元格列显示col|作为一个表格单元格显示td,th| 作为一个表格标题显示cartion |

 

 

list-style:统一设置list-style-type,list-style-position和list-style-image属性

 

list-style-type:列表符号类型

属性:

取值:none | disc | circle | square | decimal | decimal-leading-zero | lower-roman |upper-roman|lower-alpha | upper-alpha | lower-greek | lower-latin | upper-latin | hebrew | armenian |georgian|cjk-ideographic | hiragana | | katakana | | hiragana-iroha |katakana-iroha

 

 

解释:无标记 | 实心圆 (默认) | 空心圆 | 实心方块 | 数字 | 0开头数字标记01... | 小写罗马数字 | 大写罗马数字 |小写英文字母 | 大写英文字母 | 小写希腊字母 | 小写拉丁字母 | 大写拉丁字母| 传统希腊来编号 | 传统的亚美尼亚编号方式 | 传统的乔治亚编号方式 |简单的表意数字 | hiragana | | 日文片假名a, i, u | 日文片假名A, I, U| 日文片假名i, ro, ha,|日文片假名I, RO, HA

 

 

list-style-image:图形符号列表显示图形

属性:

 

取值:url | none

 

解释:图像路径 | 无图像(默认)

 

list-style-position:列表项内容换行是否对齐列表符号

 

属性:

取值:inside | outside

解释:放置在文本以内,且环绕文本根据标记对齐 | 保持标记位于文本的左侧。列表项目标记放置在文本以外,且环绕文本不根据标记对齐(默认)

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值