Did You Know the Ordered List Element Has Start and Reversed Attributes?
I sure didn’t! Tomek Su?kowsi shows how we can reverse the numbering of ordered lists with a simple HTML attribute:
<ol reversed>
<li>Apple</li>
<li>Banana</li>
<li>Pear</li>
</ol>
CodePen Embed Fallback
And the start attribute can be added to begin the list at a number other than one, like this:
<ol start="2">
<li>Apple</li>
<li>Banana</li>
<li>Pear</li>
</ol>CodePen Embed Fallback
I’m not sure how I never knew about these properties! I guess I can see how they might come in handy in the future. There are plenty of times when we need to break up ordered lists here on CSS-Tricks with things like code blocks and having a way to pick a list back up where it left off is a nice convenience.
The post Did You Know the Ordered List Element Has Start and Reversed Attributes? appeared first on CSS-Tricks.
