Интернет технологии -> CSS -> Каскадные Таблицы Стилей. Учебник.

Форма "пулек"

Форма "пульки" в виде "жирной" точки несколько непривычна. Обычно в машинописных документах принято употреблять черту. С другой стороны, в рекламных материалах часто в качестве "пульки" используют квадрат или другой символ типографского набора, а также графическую картинку.

CSS позволяет управлять формой "пульки" через атрибут list-style-type:

<ul style="list-style-type:square;">
<li>В виде пульки используем квадрат
</ul>

• В виде пульки используем квадрат

<ul style="list-style-type:disk;">
<li>В виде пульки используем диск
</ul>

• В виде пульки используем диск

<ul style="list-style-type:circle;">
<li>В виде пульки используем круг
</ul>

• В виде пульки используем круг

До сих пор мы обсуждали только неупорядоченные списки (UL), но управлять отображением "пулек" можно и в упорядоченных списках (OL):

<ol style="list-style-type:lower-roman;color:darkred;">
<li>...
...
</ol>

1. "пульки" строчные римские буквы
2. "пульки" строчные римские буквы
3. "пульки" строчные римские буквы
4. "пульки" строчные римские буквы

<ol style="list-style-type:upper-alpha;color:darkred;">
<li>...
...
</ol>

1. "пульки" заглавные буквы
2. "пульки" заглавные буквы
3. "пульки" заглавные буквы
4. "пульки" заглавные буквы

<ol style="list-style-type:lower-alpha;color:darkred;">
<li>...
...
</ol>

1. "пульки" строчные буквы
2. "пульки" строчные буквы
3. "пульки" строчные буквы
4. "пульки" строчные буквы

CSS позволяют вообще отказаться от "пулек". Для этого нужно указать значение атрибута list-style-type равным none.

далее...