CSS ol как убрать нумерацию

Последнее обновление на 28.01.2023

CSS ol как убрать нумерацию

Если в html странице, например, вывести список без стилей

<nav>
        <ol class="list">
            <li>Первый </li>
            <li>Второй</li>
        </ol>
    </nav>

То получим в результате нумерованный десятичными числами список, то есть

1. Первый
2. Второй

Для того, чтобы отключить нумерацию заданную по умолчанию в теги ol или ul задаем следующий стиль

Код CSS

.list {
  list-style-type : none; 
 /*
 disc - закрашенный круг;
 circle - полый круг;
 lower-latin - маркер в виде латинских символов a,b,c и т.д;
 upper-latin - маркер в виде латинских символов A,B,C и т.д;
 lower-roman - римские цифры;
 upper-roman - римские цифры заглавные I, II, III и т.д.;
 decimal - десятичные арабские цифры.
 */
}

В результате получим список без нумерации

Первый
Второй

Демонстрация работы списка с нумерацией и без нумерации:

Список с нумерацией Список без нумерации

Ваш комментарий будет первым

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *