最新的Web開發教程
 

HTML <ol> Tag


2個不同的有序列表:

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<ol start="50">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
試一試»

定義和用法

<ol>標籤定義有序列表。 有序列表可以是數字或字母。

使用<li>標籤來定義列表項。


瀏覽器支持

元件
<ol>

提示和注意

提示:對於無序列表,使用<ul>標籤。

提示:使用CSS樣式表。


HTML 4.01和HTML5之間的差異

在“開始”和“型”屬性已過時的HTML 4.01,但在HTML5的支持。

"reversed"屬性,HTML5是新的。

"compact"屬性不是HTML5的支持。


屬性

=新的HTML5。

屬性 描述
compact compact 在HTML5不支持。
指定列表應呈現較正常為小
reversed reversed 指定列表中的順序應該降(9,8,7...)
start number 指定有序列表的開始值
type 1
A
a
I
i
指定的種類的標記的列表中的使用

全局屬性

<ol>標籤支持全局的HTML屬性


事件屬性

<ol>標籤支持的HTML事件屬性


相關頁面

HTML教程: HTML列表

HTML DOM參考: Ol對象

CSS教程: 樣式列表


默認設置CSS

大多數瀏覽器將顯示<ol>與下面的默認值元素:

ol {
    display: block;
    list-style-type: decimal;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}
試一試»