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)
例如:


ul {
list-style:square inside url('/i/arrow.gif');
}

list-style-type
设置列表项标记的类型。参阅:list-style-type 中可能的值。
list-style-position
设置在何处放置列表项标记。参阅:list-style-position 中可能的值。
list-style-image
使用图像来替换列表项的标记。参阅:list-style-image 中可能的值。
inherit
规定应该从父元素继承 list-style 属性的值。

list-style-position属性设置在何处放置列表项标记
例如:


ul{
list-style-position:inside; }

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

该列表的 list-style-position 的值是 "inside":

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

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

你可能感兴趣的:(css列表属性)