Оформление нумерованных списков
Цифры-маркеры нумерованного списка, выделенные жирным начертанием без использования дополнительных тегов HTML:
- List item
- List item
- List item
HTML код:
<ol>
<li>List item</li>
<li>List item</li>
<li>List item</li>
</ol>
CSS код:
ol {counter-reset: item;}
ol li {display: block;}
ol li:before {content: counter(item) ". "; counter-increment: item; font-weight: bold;}
В настоящий момент нет явного способа форматировать только цифры-маркеры нумерованного списка. Но вместо стандартного механизма автоматической нумерации нумерованных списков можно использовать CSS счётчик. Это позволяет оформлять конкретно маркеры. Как в примере, где числа, отмечающие начало элементов нумерованного списка выделены жирным начертанием.
С помощью этого способа так же возможно вместо точки после цифры использовать другие знаки. Например, закрывающую скобку ")". Или управлять пробелами между цифрой, разделительным знаком и содержимым, следующим за ними в элементе нумерованного списка.
Поддержка в браузерах
- Windows
- Internet Explorer 8.0+
- Firefox 1.5+
- Google Chrome
- Opera 4.0+
- Safari 3.1+
- SeaMonkey 1.0+
- Netscape 9.0+
- Linux
- Firefox 1.5+
- Google Chrome / Chromium
- Opera 5.0+
- SeaMonkey 1.0+
- Hv3
- Netscape 9.0+