HTML ol reversed 属性

HTML 中 <ol> 元素的 reversed 属性用于设置有序列表中列表项的反向排序。它以降序显示编号，并在 HTML5 中引入。

以下是语法 −

<ol reversed>

现在让我们看一个实现 <ol> 元素 reversed 属性的示例 −

示例

<!DOCTYPE html>
<html>
<body>
<h2>Rank in Descending order</h2>
<ol reversed>
   <li>Tom</li>
   <li>Jack</li>
   <li>Will</li>
   <li>Harry</li>
   <li>Tim</li>
   <li>Steve</li>
   <li>David</li>
   <li>Kane</li>
   <li>William</li>
   <li>John</li>
</ol>
</body>
</html>

输出

在上面的例子中，我们设置了一个无序列表，其在<li> 下有以下列表项: −

<li>Tom</li>
<li>Jack</li>
<li>Will</li>
<li>Harry</li>
<li>Tim</li>
<li>Steve</li>
<li>David</li>
<li>Kane</li>
<li>William</li>
<li>John</li>

以上内容位于无序列表的 <ol> 元素下。要应用反向顺序，请使用 reversed 属性 −

<ol reversed>
<li>Tom</li>
<li>Jack</li>
<li>Will</li>
<li>Harry</li>
<li>Tim</li>
<li>Steve</li>
<li>David</li>
<li>Kane</li>
<li>William</li>
<li>John</li>
</ol>

相关文章

• HTML DOM 输入按钮对象
• HTML 画布 shadowBlur 属性
• HTML DOM address 对象
• HTML 画布 shadowColor 属性
• 使用 onmouseover 属性更改网页背景颜色
• HTML 画布 fillStyle 属性
• HTML frame 框架标签
• HTML Canvas clearRect() 方法
• HTML body 标签
• HTML optgroup 标签

有用资源

• html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/