Форматирование списков
Поговорим немного о списках, ведь рано или поздно вам придется с ними столкнуться. Списки бывают нескольких типов:
- маркированные списки;
- упорядоченные списки;
- списки определений.
Списки определений
Это особый вид списков, который не имеет специальных символов перечисления. Содержит следующие теги:
- <dl> - список определений;
- <dt> - термин;
- <dd> - определение термина.
Форматирование
HTML
Для упорядоченных списков <ul> существуют следующие виды форматирования:
- type="circle" - незаполненная окружность;
- type="disc" - заполненный круг;
- type="square" - заполненный квадрат.
Для нумерованных списков <ol> существуют следующие виды форматирования:
- type="a" - нумерация строчными латинскими буквами;
- type="A" - нумерация прописными латинскими буквами;
- type="i" - нумерация строчными римскими цифрами;
- type="I" - нумерация прописными римскими цифрами;
- type="1" - нумерация арабскими цифрами.
Нумерованные списки <ol> можно начинать с определенного значения:
- start - используется с тегом <ol>;
- value - используется с тегом <li> и устанавливает начальное значение списка;
CSS
Для списков предусмотрены следующие атрибуты CSS:
- list-style-type - вид маркера;
- none - нет символов;
- disc - незаполненная окружность;
- circle - заполненная окружность;
- square - заполненный квадрат;
- decimal - нумерация арабскими цифрами;
- lower-roman - нумерация строчными римскими цифрами;
- upper-roman - нумерация прописными римскими цифрами;
- lower-alpha - нумерация строчными латинскими буквами;
- upper-alpha - нумерация прописными латинскими буквами;
- list-style-position - положение маркера относительно текста;
- list-style-image - адрес изображения, используемого в качестве маркера;
- list-style - позволяет задать значения всех трех или нескольких вышеперечисленных атрибутов одновременно.
Пример использования форматированных списков: Пример №11
HTML-код страницы:
