Знакомимся с элементом reversed в html5

В новой версии html5, не только добавлены новые элементы, но и переделаны старые, которые были в html4.

Для задания нумерации списка создаваемого с помощью <ol>, раньше использовался следующий код:

<ol start="10"> 
	<li>Apple</li> 
	<li>Samsung</li> 
	<li>Google</li> 
</ol>

Пример нумерации списка от меньшего к большему:
Нумерация ol списка от меньшего к большему

Атрибут start="10" задаёт нумерацию строк, начиная с 10.

А теперь перейдём к тому, что было добавлено.

Интересная возможность реализуется с помощью атрибута reversed, который добавляется к элементу <ol> - после чего, нумерация списка будет вестись в обратном направлении.

<ol start="10" reversed> 
	<li>Apple</li> 
	<li>Samsung</li> 
	<li>Google</li> 
</ol>

Пример нумерации списка от от большего к меньшему:
Нумерация ol списка от большего к меньшему

Нумерация будет начинаться с 10 и уменьшаться по мере увеличения списка, в нашем случае Google будет находиться под номером 8.

Поделитесь ссылкой если мы вам помогли!

Читайте также:

Создаём bb код ссылки

Публичные DNS от Google

Создаём мигающий текст с помощью html тега blink

Делаем закругленные края у div блока с помощью css

Функция преобразования строчных букв на заглавные [PHP]

Добавить комментарий:

Минимум 100 символов.
Модераторы detected!

Вы ввели сообщение длиной символов

Три + Пять ? =