Frontend | Вопросы собесов

🤔

Как убрать маркер у списка?

Чтобы убрать маркер у списка, используйте свойство CSS list-style-type со значением none. Это свойство применяется к элементам списка <ul> (ненумерованный список) или <ol> (нумерованный список) и убирает маркеры (буллеты) у элементов списка <li>.

Пример использования HTML

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Список без маркеров</title>

    <style>

        .no-marker {

            list-style-type: none; /* Убирает маркеры */

            padding: 0; /* Убирает отступы */

            margin: 0; /* Убирает внешние отступы */

        }

    </style>

</head>

<body>

    <ul class="no-marker">

        <li>Пункт 1</li>

        <li>Пункт 2</li>

        <li>Пункт 3</li>

    </ul>

</body>

</html>

Пример использования CSS

.no-marker {

    list-style-type: none; /* Убирает маркеры */

    padding: 0; /* Убирает отступы */

    margin: 0; /* Убирает внешние отступы */

}

🟠

list-style-type: none;

Убирает маркеры у элементов списка <li>.

🟠

padding: 0;

Убирает внутренние отступы у списка. Это полезно, поскольку некоторые браузеры добавляют отступы по умолчанию.

🟠

margin: 0;

Убирает внешние отступы у списка.

Ставь 👍 и забирай 📚 Базу знаний