9.2. Генерируемое содержимое

9.2. Генерируемое содержимое

В некоторых случаях у вас может возникнуть необходимость в том, чтобы браузер пользователя отображал на экране содержимое, которое не принадлежит так называемому «дереву» HTML-документа. Хорошим примером может служить нумерованный список. Без сомнения, вам не захочется вводить числа нумерации вручную. Ведь если список довольно большой, а вам вдруг необходимо добавить элемент в его начало, то придется менять всю нумерацию. Не правда ли, будет гораздо удобнее, если браузер будет генерировать нумерацию автоматически? Согласитесь, также гораздо удобнее работать с большими страницами, если, к примеру, браузер сам добавляет слово «Рисунок» и номер рисунка перед его названием или, например, вставляет надпись «Глава 9.» перед заголовком девятой главы.

Хотя это может показаться нелепым, но в отличие от HTML CSS предоставляет средства для решения данных проблем.

С помощью CSS можно генерировать содержимое несколькими способами:

• с использованием свойства content в сочетании с псевдоэлементами: before и: after;

• с использованием элементов, свойство display которых принимает значение list-item.

Подробно рассмотрим все возможности CSS по генерации содержимого и начнем с использования свойства content.

Данный текст является ознакомительным фрагментом.