CSS Lastnost: min-width

Lastnost min-width (slo. Minimalna širina) definira najmanjšo širino elementa. Če je vsebina manjša od najmanjše širine, bo uporabljena najmanjša širina, če pa je večja nima učinka. To preprečuje, da bi vrednost lastnosti širine postala manjša od min-width.

PRIMER

<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <title>minimalna širina</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <style>
        button {
            display: block;
            margin-bottom: 20px;
            padding: 12px 16px;
            font-size: 20px;
            width: 500px;
        }
        .btn1 {min-width: 200px;}
        .btn2 {min-width: 600px;}
        .btn3 {min-width: 800px;}
    </style>
</head>
<body>
<button class="btn1">width: 500px; min-width: 200px;</button>
<button class="btn2">width: 500px; min-width: 600px;</button>
<button class="btn3">width: 500px; min-width: 800px;;</button>
</body>
</html>

REZULTAT