HTML - reversed 屬性

HTML reversed 屬性反轉列表項，使標記或數字以反向順序顯示。

例如，在具有 reversed 屬性的有序列表中，第一個列表項將具有最大的數字，隨後的列表項將具有遞減的值。當您想要顯示倒計時或按遞減值排序專案時，此屬性很有用。對於某些特定用例，此功能對於建立具有反向編號的列表非常有用。

語法

<ol reversed />

應用於

以下列出的元素允許使用 HTML reversed 屬性。

元素	描述
<ol>	HTML <ol> 標籤用於建立有序列表。有序列表的預設順序是數字順序。

HTML reversed 屬性示例

以下示例將說明 HTML reversed 屬性，以及我們應該在哪裡以及如何使用此屬性！

反向數字列表元素

執行以下程式碼時，列表元素將按降序編號。

<!DOCTYPE html>
<html>

<head>
   <title>HTML reversed Attribute</title>
</head>

<body>
   <h2>The ol reversed attribute</h2>
   <ol reversed>
      <li>Apple</li>
      <li>Banana</li>
      <li>Mango</li>
   </ol>
   <p>
      <strong>Note:</strong> 
      The reversed attribute of the ol tag 
      is not supported in Edge prior version 79.
   </p>
</body>

</html>

反向大寫羅馬數字列表元素

執行以下程式碼時，列表元素將按降序羅馬數字編號。

<!DOCTYPE html>
<html>

<head>
   <title> HTML reversed Attribute</title>
</head>

<body>
   <h2>The ol reversed attribute</h2>
   <ol reversed type="I" start="10">
      <li>Apple</li>
      <li>Banana</li>
      <li>Mango</li>
   </ol>
   <p>
      <strong>Note:</strong> 
      The reversed attribute of the ol tag 
      is not supported in Edge prior version 79.
   </p>
</body>

</html>

反向大寫字母列表元素

執行以下程式碼時，列表元素將按降序大寫字母編號。

<!DOCTYPE html>
<html>

<head>
   <title> HTML reversed Attribute</title>
</head>

<body>
   <h2>The ol reversed attribute</h2>
   <ol reversed type="A" start="3">
      <li>Apple</li>
      <li>Banana</li>
      <li>Mango</li>
   </ol>
   <p>
      <strong>Note:</strong> 
      The reversed attribute of the ol tag 
      is not supported in Edge prior version 79.
   </p>
</body>

</html>

支援的瀏覽器

屬性
reversed	是 18.0	是 79.0	是 18.0	是 6.0	是 12.1

html_attributes_reference.htm

列印頁面