Свойство list-style-type

Свойства стилей, используемые в списках

Свойство list-style-type задает вид маркера элемента списка. Основные значения для этого свойства представлены в табл. 4.3.14.

Таблица 4.3.14. Основные значения свойства list-style-type

Значение свойства list-style-type Что задает Пример
circle Маркер в виде не закрашенного кружка. o Пункт 1 o Пункт 2 …
decimal Нумерацию десятичными арабскими цифрами. 1. Пункт 1 2. Пункт 2 …
disc Маркер в виде закрашенного кружка (значение по умолчанию). · Пункт 1 · Пункт 2 …
lower-alpha Нумерацию маленькими латинскими буквами. a. Пункт 1 b. Пункт 2 …
lower-roman Нумерацию маленькими римскими цифрами. i. Пункт 1 ii. Пункт 2 iii. Пункт 3 iv. Пункт 4 …
none Отсутствие маркера. Пункт 1 Пункт 2 …
square Маркер в виде закрашенного квадратика. § Пункт 1 § Пункт 2 …
upper-alpha Нумерацию большими латинскими буквами. A. Пункт 1 B. Пункт 2 …
upper-roman Нумерацию большими римскими цифрами. I. Пункт 1 II. Пункт 2 III. Пункт 3 IV. Пункт 4 …

Пример 4.3.68. Использование свойства list-style-type:

Для последовательности элементов HTML:

<p>Для тиражирования сообщений в сети Internet широко используются два основных метода:

<ul style="list-style-type: circle">

<li>отправка статей по электронной почте;</li>

<li>использование серверов новостей UseNet.</li>

</ul></p>

выводимый фрагмент Web-страницы будет иметь следующий вид:


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: