HTML | reversed Attribute

Difficulty Level : Easy
Last Updated : 22 Jul, 2019

It is a Boolean Attribute and used to ordered the list in Descending Order(9, 8, 7, 6 …..) instead of ascending order(1, 2, 3 ….).

Syntax:

<ol reversed>
    <li> Content... </li>
    <li> Content... </li>
    ...
    <li> Content... </li>
</ol>

Attributes: It contains single attributes reversed. It is a Boolean attributes which specify the list in descending order.

Example:

<!DOCTYPE html> 
<html> 
    <head> 
        <title>reversed attribute</title> 
        <style> 
            h1, h2 { 
                text-align:center; 
            } 
        </style> 
    </head> 
    <body> 
        <h1 style ="color:green;font-style:italic;"> 
            GeeksforGeeks 
        </h1> 
        <h2 style="color:green;font-style:italic;"> 
            HTML reversed attribute 
        </h2> 
        <p>List of all computer Subjects are</p> 
        <ol reversed> 
            <li>Data Structures</li> 
            <li>Operating System</li> 
            <li>python programming</li> 
            <li>DBMS</LI> 
            <li>Computer Network</li> 
        </ol> 
    </body> 
</html>                                 

Output:

Supported Browsers: The browser supported by HTML reversed attributes are listed below:

Google Chrome 18.0
Firefox 18.0
Opera
Safari 5.2

My Personal Notes

Related Articles