Dofactory.com
Dofactory.com
Earn income with your HTML skills
Sign up and we'll send you the best freelance opportunities straight to your inbox.
We're building the largest freelancing marketplace for people like you.
By adding your name & email you agree to our terms, privacy and cookie policies.

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>

Last updated on Sep 30, 2023

Earn income with your HTML skills
Sign up and we'll send you the best freelance opportunities straight to your inbox.
We're building the largest freelancing marketplace for people like you.
By adding your name & email you agree to our terms, privacy and cookie policies.

Guides