网站列表list属性介绍

网站列表list特点介绍
css规范答应操控列表元素的外观-尤其是有序和无序列表。
浏览器会你格局化任何其他块项目一样格局化列表项，除了这个块的内容前面有一些排序记号外。对无序列表来说，这个记号是某种分类记号；对编号来说，这个记号是数字或阿拉伯字母或符号。css列表特点答应操控列表项记号的外观和位置。
list-style-image特点
list-style-image特点界说了浏览器用来符号一个列表项的图画。这个特点值是一个图画文件的url或许关键字none。默许值是none。
图画是较受欢迎的列表记号。如果它可以运用，浏览器将显现这个图画来代替任何其他界说的记号。如果图画不行运用或许如果用户制止调用图画，将运用list-style-type特点界说的记号。
HTMl/XHTML作者可以运用list-style-image特点来给无序列表界说定制的项目符号。当任何图画可以用作项目符号时，我们主张使记号GIF或JPEG图画尺度很小以保证有用地显现列表。例如，经过在服务器上的文件mybullet.gif中放置需求的项目符号图画，就可以运用那个图画：
li{list-style-image:url(pics/mybullet.gif); list-style-type:square}
在这个示例中，如果浏览器可以成或下载mybullet.gif，那么将运用这个图画。不然，浏览器将运用一个惯例的方块形项目符号。
list-style-position特点
有两种办法可用来定位与一个列表项有关的记号：在与项目有关的块外面或里边。因而，list-style-position特点承受以下两个值之一：inside(内部)或outside（外部）。
默许值是outside,表明这个项目记号将悬挂于这一项的左边，这个项目列表运用的是“outside”符号。inside值使得列表项围绕着这个记号，很像一个悬浮图画：这个项目列表运用的是“inside”符号，留意文本第二行不会缩进，反而与记号的左边际对齐。
list-style-type特点有双重使命，决议了有序和无序列表项怎么显现在能辨认款式的浏览器上。这个特点对列表项的效果与type特点一样。
用于无序列表项时，list-style-type特点承受以下4个值之一：disc、circle、square或none。浏览器用相应的办法来给元序列表项做符号。默许值是disc;浏览器依据列表的嵌套层来改变默许值。
用于有序列表项时，list-style-type特点承受以下6个值之一：decimal、lower-roman、upper-roman、lower-alpha、upper-alphan或none。这些值分别把项目编后格局化为十进制值、小写罗马数字、大写罗马数字、小写字母或大写字母。大部分浏览器都默许运用十进制编号战略。
list-style特点
list-style特点是一切其他列表类型特点的缩略形式，可以依照任何顺序承受用于list-style-type、list-style-position和list-style-image特点的值。以下是有用的list-stle特点:
li{list-style: disc}
li{list-style: lower-roman imside}
li{list-style: url(途径)square}