编辑“CSS列表”

<span style="text-align:center; border:1px solid #000; float:right; padding:6px;"><strong>导航:</strong> [[CSS学习教程#CSS学习教程|上一页]] | {{template:开发语言导航}}</span>
<div style="clear:both;"></div>

==list-style==
语法：list-style : list-style-image || list-style-position || list-style-type <br>
取值：<br>
该属性是复合属性。请参阅各参数对应的属性。<br>
默认值为：disc outside none。 <br>

说明：<br>
设置列表项目相关样式。<br>
当 list-style-image 和 list-style-type 都被指定了时， list-style-image 将获得优先权。除非 list-style-image 设置为 none 或指定 url 地址的图片不能被显示。<br>
对应的脚本特性为 listStyle 。 <br>
示例：<br>
li { list-style: url("http://www.dhtmlet.com/devgurupix.gif") inside circle; } <br>
ul { list-style: outside upper-roman; } <br>
ol { list-style: square; } <br>

==list-style-image==
语法：list-style-image : none | url ( url ) <br>
取值：<br>
none  :　 默认值。不指定图像 <br>
url ( url )  :　 使用绝对或相对 url 地址指定图像 <br>

说明：<br>
设置或检索作为对象的列表项标记的图像。<br>
若此属性值为 none 或指定 url 地址的图片不能被显示时， list-style-type 属性将发生作用。<br>
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。<br>
对应的脚本特性为 listStyleImage 。<br>
示例：<br>
ul.out { list-style-position: outside; list-style-image: url("images/ie.gif"); } <br>

==list-style-position ==
语法：list-style-position : outside | inside <bR>
取值：<br>
outside  :　 默认值。列表项目标记放置在文本以外，且环绕文本不根据标记对齐 <br>
inside  :　 列表项目标记放置在文本以内，且环绕文本根据标记对齐 <br>

说明：<br>
设置或检索作为对象的列表项标记如何根据文本排列。<br>
假如一个列表项目的左外补丁( margin-left )被设置为 0 ，则列表项目标记不会被显示。左外补丁( margin-left )最小可以被设置为 30 。<br>
仅作用于具有 display 属性值等于 list-item 的对象。如 li 对象。<br>
注意： ol 对象和 ul 对象的 type 属性为其后的所有列表项目(如 li 对象)指明列表属性。<br>

==list-style-type==
语法： <br>
list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin <br>
取值：<br>
disc  :　 CSS1  默认值。实心圆 <br>
circle  :　 CSS1  空心圆 <br>
square  :　 CSS1  实心方块 <br>
decimal  :　 CSS1  阿拉伯数字 <br>
lower-roman  :　 CSS1  小写罗马数字 <br>
upper-roman  :　 CSS1  大写罗马数字 <br>
lower-alpha  :　 CSS1  小写英文字母 <br>
upper-alpha  :　 CSS1  大写英文字母 <br>
none  :　 CSS1  不使用项目符号 <br>
armenianl  :　 CSS2  未支持。传统的亚美尼亚数字 <br>
cjk-ideographic  :　 CSS2  未支持。浅白的表意数字 
<br>georgian  :　 CSS2  未支持。传统的乔治数字 
lower-greek  :　 CSS2  未支持。基本的希腊小写字母 <br>
hebrew  :　 CSS2  未支持。传统的希伯莱数字 <br>
hiragana  :　 CSS2  未支持。日文平假名字符 
<br>hiragana-iroha  :　 CSS2  未支持。日文平假名序号 <br>
katakana  :　 CSS2  未支持。日文片假名字符 <br>
katakana-iroha  :　 CSS2  未支持。日文片假名序号 <br>
lower-latin  :　 CSS2  未支持。小写拉丁字母 
<br>upper-latin  :　 CSS2  未支持。大写拉丁字母 <br>

说明：<br>
设置或检索对象的列表项所使用的预设标记。<br>
若 list-style-image 属性值为 none 或指定 url 地址的图片不能被显示时，此属性将发生作用。<br>
假如一个列表项目的左外补丁( margin-left )被设置为 0 ，则列表项目标记不会被显示。左外补丁( margin-left )最小可以被设置为 30 。<br>
仅作用于具有 display 属性值等于 list-item 的对象。如 li 对象。<br>
注意： ol 对象和 ul 对象的 type 属性为其后的所有列表项目(如 li 对象)指明列表属性。<br>
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。<br>
对应的脚本特性为 listStyleType 。 <br>
示例：<br>
ul.in { display: list-item; list-style-position: inside; } <br>
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。<br>
对应的脚本特性为 listStylePosition 。 <br>
示例：<br>
ul.in { display: list-item; list-style-position: inside; } <br>

==marker-offset==
语法：
marker-offset : auto | length <br>
取值：<br>
auto  :　 默认值。浏览器自动设置间距 <br>
length  :　 由浮点数字和单位标识符组成的长度值。可为负值。  <br>

说明：<br>
设置或检索标记容器和主容器之间水平补白。即两个容器靠近的一边的间距。<br>
作用于 display 属性值为 marker 的元素。<br>
对应的脚本特性为 markerOffset 。 <br>
示例：
<br>li:before { display: marker; marker-offset: 5px; }

[[category:CSS学习教程]]