CSS Lastnost: list-style

Lastnost list-style je skrajšana lastnost za list-style-type, list-style-position in list-style-image lastnosti. Če ena od vrednosti manjka, bo uporabljena privzeta vrednost za manjkajočo lastnost.

PRIMER

<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <title>list‑style</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap Ikone CDN -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet">

    <style>
        /* Globalno spreminjanje velikosti polja */
        *, *::before, *::after { box-sizing: border-box; }

        /* Odstranimo privzete oznake seznama - ikone bomo vstavili sami */
        ol {
            list-style: none;
            padding-left: 0;
            margin-left: 0;
        }

        /* Osnovno oblikovanje za vsak element seznama */
        li {
            display: flex;
            align-items: center;
            gap: 0.6rem;               /* presledek med ikono in besedilom */
            margin-bottom: 0.5rem;
            font-size: 1.1rem;
        }
    </style>
</head>

<body>
    <ol aria-label="Seznam tehnologij">
        <li><i class="bi bi-file-earmark-code icon" aria-hidden="true"></i>HTML</li>
        <li><i class="bi bi-palette2 icon" aria-hidden="true"></i>CSS</li>
        <li><i class="bi bi-code-slash icon" aria-hidden="true"></i>JavaScript</li>
    </ol>
</body>
</html>

REZULTAT