css list字符长度如何设置

html-css017

css list字符长度如何设置,第1张

CSS list-style list-style-type 全部属性值2007-12-31 11:29语法:

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文件,查看实现的效果。