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

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

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.

далее...