Учебник. Каскадные таблицы стилей

       

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


   

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

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>

  • "пульки" строчные римские буквы
  • "пульки" строчные римские буквы
  • "пульки" строчные римские буквы
  • "пульки" строчные римские буквы
  • <ol style="list-style-type:upper-alpha;color:darkred;">

    <li>...

    ...

    </ol>

  • "пульки" заглавные буквы
  • "пульки" заглавные буквы
  • "пульки" заглавные буквы
  • "пульки" заглавные буквы
  • <ol style="list-style-type:lower-alpha;color:darkred;">

    <li>...

    ...

    </ol>

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



    Содержание раздела