/ Курсы CSS / Стилизация списка

Стилизация списка


Свойство list-style

Свойство font-variant позволяет одновременно задать стиль маркера, его положение, а также изображение, которое будет использоваться в качестве маркера.

Синтаксис:


 list-style: list-style-type list-style-position list-style-image;

Пример:


 <ul class="list">
   <li>HTML</li>
   <li>CSS</li>
   <li>JS</li>
  </ul>

  <style>
   .list {
    list-style: circle inside none;
   }
  </style>

  • HTML
  • CSS
  • JS

Значения к list-style-type

circle - Маркер в виде кружка.
square - Маркер в виде квадрата.
decimal - Арабские числа.
disc - Маркер в виде точки.
upper-alpha - Заглавные латинские буквы.
lower-alpha - Строчные латинские буквы .