css列表属性

属性以及描述
list-style
简写属性。用于把所有用于列表的属性设置于一个声明中。
list-style-image
将图象设置为列表项标志。
list-style-position
设置列表中列表项标志的位置。
list-style-type
设置列表项标志的类型。

list-style可能的值
写在一起(list-style:list-style-type list-style-position list-style-image)
例如:
<pre>
ul {
list-style:square inside url('/i/arrow.gif');
}
</pre>
list-style-type
设置列表项标记的类型。参阅:list-style-type 中可能的值。
list-style-position
设置在何处放置列表项标记。参阅:list-style-position 中可能的值。
list-style-image
使用图像来替换列表项的标记。参阅:list-style-image 中可能的值。
inherit
规定应该从父元素继承 list-style 属性的值。

list-style-position属性设置在何处放置列表项标记
例如:
<pre>
ul{
list-style-position:inside; }
</pre>
可能的值
inside 列表项目标记放置在文本以内,且环绕文本根据标记对齐。
outside 默认值。保持标记位于文本的左侧。列表项目标记放置在文本以外,且环绕文本不根据标记对齐。
inherit 规定应该从父元素继承 list-style-position 属性的值。
该列表的 list-style-position 的值是 "inside":
<pre>
该列表的 list-style-position 的值是 "inside":

Earl Grey Tea - 一种黑颜色的茶
Jasmine Tea - 一种神奇的“全功能”茶
Honeybush Tea - 一种令人愉快的果味茶
该列表的 list-style-position 的值是 "outside":

Earl Grey Tea - 一种黑颜色的茶
Jasmine Tea - 一种神奇的“全功能”茶
Honeybush Tea - 一种令人愉快的果味茶
</pre>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容