list-style-type: disc......
取值:
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-image 属性值为 none 或指定 url 地址的图片不能被显示时,此属性将发生作用。
* 假如一个列表项目的左外补丁( margin-left )被设置为 0 ,则列表项目标记不会被显示。如果要正常显示,左外补丁( margin-left )应该被设置为大约30px或更多。
* 仅作用于具有 display 属性值等于 list-item 的对象。如 li 对象。
* 注意: ol 对象和 ul 对象的 type 属性为其后的所有列表项目(如 li 对象)指明列表属性。
* 此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
* 对应的脚本特性为 listStyleType 。
示例:
ul.in { display: list-itemlist-style-position: inside}
list并不能设置字符长度。。
不过可以通过css嵌套实现。。
出现这个问题的原因:通常我们都会有一个css-reset初始化所有html的margin:0padding:0的公共样式文件。当margin:0或者padding:0时,如果我们没有设置list-style-position为inside的时候就会出现这种情况。
解决办法:设置 list-style: square inside。或者给 ul 增加margin或者padding的left边距。
list-style:none <ul><li>设置列表标记默认会是实心圆点,设成none就是没有标记列表格式有好几种。list-style-type设置列表的格式为none也就是没有格式。操作方法如下:
1、首先新建一个html文件,命名为test.html。
2、在test.html文件内,使用ul、li标签创建一个列表,分别为测试一,测试二,测试三。
3、在test.html文件内,给ul标签添加一个class属性,用于样式的设置。
4、在test.html文件内,编写<style type="text/css"></style>标签,页面的css样式将写在该标签内。
5、在css标签内,通过class来设置ul的样式,将list-style属性设置为none,便可以实现取消掉li前面的点。
6、最后在浏览器打开test.html文件,查看实现的效果。