2014 dxdy logo

Научный форум dxdy

Математика, Физика, Computer Science, Machine Learning, LaTeX, Механика и Техника, Химия,
Биология и Медицина, Экономика и Финансовая Математика, Гуманитарные науки




Начать новую тему Ответить на тему
 
 Префикс в нумерованном html-списке
Сообщение11.03.2023, 18:09 
Аватара пользователя


23/07/07
164
Можно ли сделать префикс в нумерованном html-списке, что-то типа:

ru-1. первый
ru-2. второй

Что нужно добавить в коде?
Используется синтаксис HTML
<ol>
<li>первый</li>
<li>второй</li>
</ol>

 Профиль  
                  
 
 Re: Префикс в нумерованном html-списке
Сообщение11.03.2023, 18:42 
Заслуженный участник


18/09/21
1756
Можно через CSS попробовать (может не во всех браузерах как надо работать).
код: [ скачать ] [ спрятать ]
Используется синтаксис HTML
<style type="text/css">
ol {
  counter-reset: item;
  margin-left: 0;
  padding-left: 0;
}
li {
  display: block;
  margin-bottom: .5em;
  margin-left: 2em;
}
li::before {
  display: inline-block;
  content: "ru-" counter(item) ". ";
  counter-increment: item;
  width: 2.5em;
  margin-left: -2em;
}
</style>
<ol>
  <li>One</li>
  <li>Two</li>
  <li>Three</li>
  <li>Four</li>
  <li>Five</li>
  <li>Six</li>
  <li>Seven</li>
  <li>Eight</li>
  <li>Nine<br>Items</li>
  <li>Ten<br>Items</li>
</ol>

 Профиль  
                  
 
 Re: Префикс в нумерованном html-списке
Сообщение11.03.2023, 18:53 
Аватара пользователя


23/07/07
164
Спасибо

 Профиль  
                  
Показать сообщения за:  Поле сортировки  
Начать новую тему Ответить на тему  [ Сообщений: 3 ] 

Модераторы: Karan, Toucan, PAV, maxal, Супермодераторы



Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей


Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения

Найти:
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group