2014 dxdy logo

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

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




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

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

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

 
 
 
 Re: Префикс в нумерованном html-списке
Сообщение11.03.2023, 18:42 
Можно через 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 
Аватара пользователя
Спасибо

 
 
 [ Сообщений: 3 ] 


Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group