Širina obrobe (border-width)

Lastnost border-width določa debelino obrobe. Lahko uporabimo točne merske enote (px, em, rem) ali pred nastavljene vrednosti (thin, medium, thick). Širino lahko nastavimo za vse strani naenkrat ali za vsako stran posebej.

PRIMER

<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <title>Širine obrob</title>
    <style>
        div {
            margin: 20px;
            padding: 15px;
            background-color: #ffffff;
            border-style: solid;
            border-color: #2196F3;
        }
        .tanka { border-width: thin; color: black !important; }
        .srednja { border-width: medium; color: black !important; }
        .debela { border-width: thick; color: black !important; }
        .pixli { border-width: 5px; color: black !important; }
        .em { border-width: 0.5em; color: black !important; }
        .razlicne {
            border-width: 1px 3px 5px 7px;
            /* zgoraj desno spodaj levo */
            color: black !important;
        }
    </style>
</head>
<body>
    <div class="tanka">Tanka obroba (thin)</div>
    <div class="srednja">Srednja obroba (medium)</div>
    <div class="debela">Debela obroba (thick)</div>
    <div class="pixli">5 pikslov debela obroba</div>
    <div class="em">0.5em debela obroba</div>
    <div class="razlicne">Različne širine na vsaki strani</div>
</body>
</html>

REZULTAT