精华区 [关闭][返回]

当前位置:网易精华区>>讨论区精华>>网络专区>>● 网站建设>>盖世神功 — 网站建设技术>>CSS — 新兴的层式单技术>>CSS 手册之十一

主题:CSS 手册之十一
发信人: marsz()
整理人: microant(1999-08-02 12:13:34), 站内信件
四、CSS属性:

7、列表属性:

这里的属性用来描述列表(list)的一系列属性。

list-style-type属性描述用于列表每一项前使用的符号:

属性名称: 'list-style-type' 
属性值: disc | circle | square | decimal | lower-roman | upper-roman |
 lower-alpha | upper-alpha | none 
初始值: disc 
适合对象: 列表元素
是否继承: yes 
百分比备注: 被禁止 

属性值含义为:
disc:圆饼形。
circle:空心圆形。
square:方形。
decimal:十进制数值。
lower-roman:小写罗马数字。
upper-roman:大写罗马数字。
lower-alpha:小写希腊字母。
upper-alpha:大写希腊字母。

例如:

<STYLE>
OL { list-style-type: lower-roman } 
</STYLE>
<BODY>

  1.  This is the first item.
  2.  This is the second item.
  3.  This is the third item.

</BODY>

还可以利用list-style-image把列表前面的符号换为图形:

属性名称: 'list-style-image' 
属性值: <url> | none 
初始值: none 
适合对象: 列表元素
是否继承: yes 
百分比备注: 被禁止 

<url>可以是绝对地址,也可以是相对地址。

list-style-position属性用于描述列表的位置显示:

属性名称: 'list-style-position' 
属性值: inside | outside 
初始值: outside 
适合对象: 列表元素 
是否继承: yes 
百分比备注: 被禁止 

属性值outside和inside分别表示在BOX外部显示或内部显示,例如:

<STYLE type="text/css">
UL { list-style: outside }
UL.compact { list-style: inside } </STYLE> 

  • first list item comes first
  • second list item comes second

<UL class=compact> 
  • first list item comes first
  • second list item comes second 


    list-style属性为以上属性的快捷方式:

    属性名称: 'list-style' 
    属性值: <'list-style-type'> || <'list-style-position'> || <'list-style
    -image'> 
    初始值: no 
    适合对象: 列表元素
    是否继承: yes 
    百分比备注: 被禁止 

    例如:

    UL { list-style: upper-roman inside } /* 对任何UL有效*/
    UL ~ UL { list-style: circle outside } /* 对任何UL内部的UL标记有效*/


    --
    ________________________________________________
    欢迎访问飞翔鸟软体驿站: HTTP://JOYSOFT.SOIM.NET
    BEST REGUARDS, MARS         MAILTO:[email protected]

    ※ 来源:.月光软件站 http://www.moon-soft.com.[FROM: 202.99.63.74]

  • [关闭][返回]