属性以及描述
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>
网友评论