HTML <ol> reversed Attribute

The reversed attribute on a <ol> tag reverses the numbering in the ordered list. The items themselves are not reversed, only the numbering.

Example

#

A reversed attribute on a <ol> element.
The item numbers appear in reverse order.

  1. Amsterdam
  2. Berlin
  3. London
  4. Paris
<ol reversed>
  <li>Amsterdam</li>
  <li>Berlin</li>
  <li>London</li>
  <li>Paris</li>
</ol>

Using reversed

The reversed attribute reverses the numbering to descending order.

This attribute does not reverse the order of the list items.

This attribute works for all numbering systems: numeric, alphabetic, and roman numerals.


Syntax

<ol reversed>

Browser support

Here is when reversed support started for each browser:

Chrome
18.0 Mar 2012
Firefox
18.0 Jan 2013
IE/Edge
79.0 Jan 2020
Opera
12.1 Nov 2012
Safari
6.0 Jul 2012

You may also like

 Back to <ol>
Guides