Cделать, чтобы нумерованный список начинался с определенного числа - «Список» » Новости мира Интернет
Heroes of Might & Magic: Olden Era вышла в раннем доступе Steam — фанаты ждали этого 11 лет - «Новости сети»
Heroes of Might & Magic: Olden Era вышла в раннем доступе Steam — фанаты ждали этого 11 лет - «Новости сети»
Epic Games Store устроил раздачу Hogwarts Legacy в честь 25-летия кинофраншизы «Гарри Поттер» — россиян оставили без подарка - «Новости сети»
Epic Games Store устроил раздачу Hogwarts Legacy в честь 25-летия кинофраншизы «Гарри Поттер» — россиян оставили без подарка - «Новости сети»
«Сделано в Германии»: Volla представила защищённый смартфон Phone Plinius со съёмной батареей и парой ОС на выбор - «Новости сети»
«Сделано в Германии»: Volla представила защищённый смартфон Phone Plinius со съёмной батареей и парой ОС на выбор - «Новости сети»
Noctua объяснила, почему чёрные вентиляторы выходят позже стандартных бежево-коричневых - «Новости сети»
Noctua объяснила, почему чёрные вентиляторы выходят позже стандартных бежево-коричневых - «Новости сети»
Учёные близки к разгадке тайны «маленьких красных точек» в глубинах Вселенной — «Уэбб» засёк у одной из них признаки чёрной дыры - «Новости сети»
Учёные близки к разгадке тайны «маленьких красных точек» в глубинах Вселенной — «Уэбб» засёк у одной из них признаки чёрной дыры - «Новости сети»
Подтверждение прав в Яндекс Вебмастере стало ещё проще: теперь через Яндекс Тег Менеджер и GTM — «Блог для вебмастеров»
Подтверждение прав в Яндекс Вебмастере стало ещё проще: теперь через Яндекс Тег Менеджер и GTM — «Блог для вебмастеров»
Сбер представил Kandinsky 6.0 Image: флагманскую модель, которая умеет профессионально редактировать фото - «Новости мира Интернет»
Сбер представил Kandinsky 6.0 Image: флагманскую модель, которая умеет профессионально редактировать фото - «Новости мира Интернет»
Resident Evil Requiem продаётся так хорошо, что Capcom пришлось повысить прогноз по выручке за год - «Новости сети»
Resident Evil Requiem продаётся так хорошо, что Capcom пришлось повысить прогноз по выручке за год - «Новости сети»
Microsoft запускает K2 — экстренный план по спасению репутации Windows 11 - «Новости сети»
Microsoft запускает K2 — экстренный план по спасению репутации Windows 11 - «Новости сети»
Steam Controller оказалось легко разобрать и отремонтировать - «Новости сети»
Steam Controller оказалось легко разобрать и отремонтировать - «Новости сети»
Новости мира Интернет » Самоучитель CSS » Списки » Cделать, чтобы нумерованный список начинался с определенного числа - «Список»
Internet Explorer Chrome Opera Safari Firefox Android iOS
4.0+ 1.0+ 3.5+ 1.0+ 1.0+ 1.0+ 1.0+

Задача

Начать нумерованный список с заданного числа.

Решение

Добавьте к первому элементу <li>, входящему в контейнер <ol>, атрибут value с числом в качестве значения. С него и будет нумероваться дальнейший список (пример.;1).

Пример 1. Использование атрибута value

HTML5IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Список, начинающийся со ста</title>
 </head>
 <body>
  <p>Следующая сотня победителей нашего рейтинга</p>
  <ol> 
   <li value="100">Трансформатор IV</li> 
   <li>Титаник 2</li>
   <li>Рембо 2013</li>
   <li>Иго-го: история нашествия татаро-монгол</li>
  </ol>
 </body>
</html>

Результат данного примера показан на рис..;1.

.;


Рис. 1. Список, начинающийся с числа 100

Допускается использовать в списке несколько атрибутов value, тогда можно получить прерывающуюся нумерацию, вроде: 100, 101, 1, 2. Также начальный номер списка устанавливается с помощью атрибута start тега <ol> (пример.;2).

Пример 2. Использование атрибута start

HTML5IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Список, начинающийся с шести</title>
 </head>
 <body>
  <ol start="6">
   <li>дюймов - 15,24 мм</li>
   <li>дюймов - 17,78 мм</li>
   <li>дюймов - 20,32 мм</li>
  </ol>
 </body>
</html>

Internet Explorer Chrome Opera Safari Firefox Android iOS 4.0 1.0 3.5 1.0 1.0 1.0 1.0 Задача Начать нумерованный список с заданного числа. Решение Добавьте к первому элементу , входящему в контейнер , атрибут value с числом в качестве значения. С него и будет нумероваться дальнейший список (пример.;1). Пример 1. Использование атрибута value HTML5 IE Cr Op Sa Fx Результат данного примера показан на рис;1. .; Рис. 1. Список, начинающийся с числа 100 Допускается использовать в списке несколько атрибутов value, тогда можно получить прерывающуюся нумерацию, вроде: 100, 101, 1, 2. Также начальный номер списка устанавливается с помощью атрибута start тега (пример.;2). Пример 2. Использование атрибута start HTML5 IE Cr Op Sa Fx

Цитирование статьи, картинки - фото скриншот - Rambler News Service.
Иллюстрация к статье - Яндекс. Картинки.
Есть вопросы. Напишите нам.
Общие правила  поведения на сайте.

Смотрите также

А что там на главной? )))



Комментарии )))