Книга: HTML, XHTML и CSS на 100%

Стили счетчиков

Стили счетчиков

По умолчанию браузер отображает значение счетчика как число в десятичном формате, но вы можете использовать и другие стили отображения счетчика, доступные через свойство list-style-type. Тогда описание счетчика будет выглядеть так:

counter(«название счетчика», list-style-type)

Чтобы задать стиль, используемый по умолчанию, можно использовать следующую запись:

counter(«название счетчика»)

Иными словами, просто не задавать значение list-style-type.

Вы можете использовать любые стили, в том числе disc (круг), circle (окружность), square (квадрат) и none (ничего). Например:

h1:before { content: counter(chno, upper-latin) ". " }

h2:before { content: counter(section, upper-roman) " – " }

blockquote:after { content: " [" counter(bq, hebrew) "]" }

div.note:before { content: counter(notecntr, disc) " " }

p:before { content: counter(p, none) }

Попробуйте создать простую HTML-страницу, используя элементы, которые записаны в данном CSS-коде, и применить к ней только что созданную таблицу стилей.

Оглавление книги