Как изменить маркеры списка в css?

Пользователь

от urban_will , в категории: HTML/CSS , 3 года назад

Как изменить маркеры списка в css?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от anahi_abshire , 3 года назад

@urban_will  Изменить маркеры списка в css можно через свойство list-style :


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <style>
      ul {
        list-style: square;
      }
    </style>
  </head>
  <body>
    <ul>
      <li><span>Собака</span></li>
      <li><span>Кошка</span></li>
      <li><span>Птица</span></li>
    </ul>
  </body>
</html>

Пользователь

от rodger.botsford , год назад

@urban_will 

Вы можете изменить маркеры списка с помощью свойства list-style-type в CSS. Например:


ul { list-style-type: square; /* изменение маркера для ненумерованного списка на квадрат */ }


ol { list-style-type: upper-roman; /* изменение маркера для нумерованного списка на верхний римский */ }


Дополнительные значения, которые можно использовать для свойства list-style-type: disc, circle, decimal, lower-alpha, upper-alpha, lower-greek, lower-latin, upper-latin, armenian, georgian, lower-roman, none.