Webstacker

Онлайн-журнал с мира Web и Front End: Новости, статьи, хитрости и гайды на русском. Полезные и уникальные материалы для программистов и дизайнеров

Главная Другое Сниппеты Как сделать реверсный список на чистом HTML

Как сделать реверсный список на чистом HTML

  • Вещает:
  • Опубликовано:
  • Изменено:
Как сделать реверсный список на чистом HTML

Бывают ситуации когда нам нужен нумерованный список в реверсном порядке — от последнего до первого элемента. (например, для пошаговой инструкции)
Это можно сделать с помощью обычного атрибута в HTML-коде, не вписывая цифры вручную или добавляя с помощью Javascript.

Реализация

Просто добавляем атрибут reversed для нумерованного списка <ol>. После этого нумерация списка автоматически отобразится в обратном порядке:

Важно! В обратном порядке будет только нумерация, сами пункты останутся на своих местах.

Поддержка браузерами

Поддержка браузера на время написания статьи (июнь 2020 года) равна 94.5%, не поддерживается в Internet Explorer. Это значит то, что мы смело можем использовать его при создании веб-страниц.

Также подписывайтесь на наш офигенный Телеграм-канал 🤘: постим крутые статьи, авторские мнения, новости и шутки из мира Web-разработки. Понравилась статья? Расскажи об этом друзьям!

Наш Telegram-канал