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

打印页面