list-style

list-style是设置列表项目相关内容。

list-style功能：

设置列表项目相关内容。

list-style语法：

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

list-style取值：

disc : CSS1 默认值。实心圆

circle : CSS1 空心圆

square : CSS1 实心方块

decimal : CSS1 阿拉伯数字

lower-roman : CSS1 小写罗马数字

upper-roman : CSS1 大[写罗马数字

lower-alpha : CSS1 小写英文]字母

upper-alpha : CSS1 大写英文字母

none : CSS1 不使用项目符号

armenianl : CSS2 未支持。传统的亚美尼亚数字

cjk-ideographic : CSS2 未支持。浅白的表意数字

georgian : CSS2 未支持。传统的乔治数字

lower-greek : CSS2 未支持。基本的希腊小写字母

hebrew : CSS2 未支持。传统的希伯莱数字

hiragana : CSS2 未支持。日文平[假名字符

hiragana-iroha : CSS2 未支持。日文平]假名序号

katakana : CSS2 未支持。日文片假名字符

katakana-iroha : CSS2 未支持。日文片假名序号

lower-latin : CSS2 未支持。小写拉丁字母

upper-latin : CSS2 未支持。大写拉丁字母

－－－－－－－－－－－－－－－－－－－

list-style内容

A).

运用CSS格式化列表符：

ul li{

list-style-type:none;

}

B).

如果你想将列表符换成图像，则：

ul li{

list-style-type:none;

list-style-image: url(images/icon.gif);

}

C).

为了左对齐，可以用如下代码：

ul{

list-style-type:none;

margin:0px;

}

D).

如果想给列表加背景色，可以用如下代码：

ul{

list-style-type: none;

margin:0px;

}

ul li{

background:#CCC;

}

E).

如果想给列表加MOUSEOVER背景变色效果，可以用如下代码：

ul{ list-style-type: none; margin:0px; }

ul li a{ display:block; width: 100%; background:#ccc; }

ul li a:hover{ background:#999; }

说明：

display:block;这一行必须要加的，这样才能块状显示！

F).

LI中的元素水平排列,关键FLOAT:LEFT：

ul{

list-style-type:none;

width:100%;

}

ul li{

width:80px;

float:left;

}

list-style属性

list-style语法：

list-style： || ||

默认值：看独立属性自身

list-style取值：

：

设置或检索作为对象的列表项标记的图像

：

设置或检索作为对象的列表项标记如何根据文本排列

：

设置或检索对象的列表项所使用的预设标记

：

将这个属性设置为默认值

：

规定应该从父元素继承 list-style 属性的值

list-style说明：

复合属性。设置列表项目相关内容

对应的脚本特性为listStyle。

使用说明如下表所示：

默认值：

disc outside none

继承：

yes

版本：

CSS1

JavaScript 语法：

object.style.listStyle="decimal inside"