If I want to have roman numerals or alphabets (upper or lower case) , I can do that using “type” attribute in an element as shows in code below.
This type attribute is deprecated for CSS. So if I want to display roman numerals or alphabets or want to start numbers as 7, 8, 9…. instead of 1, 2, 3 using CSS, how can I do that ?
[code]<html>
<head>
<title>
Assignment 5 – Lists
</title>
</head>
<body>
<h3>Assignment 5 – Lists</h3></br></br>
<h4><font color=”red”>Ordered List of Star Wars Movies</font></h4>
<ol>
<li>The Phantom Menace</li>
<li>Attach of the clones</li>
<li>Revenge of the Sith</li>
<li>A New Hope</li>
<li>Empire Strikes Back</li>
<li>Return of Jedi</li>
</ol>
<h4><font color=”blue”>Unordered List of Harry Potter Movies</font></h4>
<ul>
<li>Philosopher’s Stone</li>
<li>Chamber of Secrets</li>
<li>Prisoner of Azkaban</li>
<li>Goblet of Fire</li>
<li>Order of the Phoenix</li>
<li>Half-Blood Prince</li>
<li>Deathly Hallows – Part 1</li>
<li>Deathly Hallows – Part 2</li>
</ul>
<h4><font color=”yellow”>Unordered List of Anthony Hopkins Movies with lower case alphabetical order</font></h4>
<ol>
<li type=a>Silence of lamb</li>
<li type=a>Hannibal</li>
<li type=a>Red Dragon</li>
</ol>
<h4><font color=”green”>Ordered List of Lord of the Rings Movies with lower Roman Letters</font></h4>
<ol>
<li type=i>The Fellowship of the Ring </li>
<li type=i>Two Towers </li>
<li type=i>Return of the King</li>
</ol>
<h4><font color=”orange”>Ordered List of historic movies with upper Roman Letters</font></h4>
<ol>
<li type=I>kingdom of heaven</li>
<li type=I>Robin hood</li>
<li type=I>Benhur</li>
<li type=I>Gladiator</li>
<li type=I>Attilla</li>
<li type=I>Mongol</li>
</ol>
</body>
</html>