转载

CSS ol li 有序列表标签

CSS <ol> 有序列表标签

实例

2 个不同的有序列表实例:

  1. <ol> 
  2.   <li>Coffee</li> 
  3.   <li>Tea</li> 
  4.   <li>Milk</li> 
  5. </ol> 
  6.  
  7. <ol start="50"
  8.   <li>Coffee</li> 
  9.   <li>Tea</li> 
  10.   <li>Milk</li> 
  11. </ol> 

浏览支持

IE Firefox Chrome Safari Opera
         

所有主流浏览器都支持 ol-li 属性。

注释:任何的版本的 Internet Explorer (包括 IE8)都不支持 "inherit" 和 "collapse" 属性值。

标签定义及使用说明

<ol> 标签定义了一个有序列表. 列表排序以数字来显示。

使用<li> 标签来定义列表选项。

提示和注释

提示: 如果需要无序列表,请使用 <ul> 标签。

提示:使用 CSS 来定义列表样式。

HTML 4.01 与 HTML5中的差异

在 HTML 4.01 中"start" 和 "type" 属性已经废弃,HTML5不支持该属性。

"reversed" 属性是 HTML5 中的新属性。

在HTML 4.01中"compact" 属性已经废弃,在 HTML5中不支持该属性。

属性

New:HTML5 新属性。

属性 描述
compact compact HTML5中不支持,不赞成使用。请使用样式取代它。 规定列表呈现的效果比正常情况更小巧。
reversed (New reversed 指定列表倒序(9,8,7...)
start number HTML5不支持,不赞成使用。请使用样式取代它。 规定列表中的起始点。
type 1
A
a
I
i
规定列表的类型。不赞成使用。请使用样式代替。

全局属性

<ol> 标签支持全局属性。

事件属性

<ol> 标签支持所有 HTML事件属性。

正文到此结束
Loading...