CSS border-left-width Property - Playground Example

<!DOCTYPE html><html><head><style type="text/css">body {
    font-family: Arial, sans-serif;
}

.examples {
    display: flex;
    gap: 20px;
    padding: 20px;
}

.box {
    padding: 16px 20px;
    background: #f8f8f8;
    border-left-style: solid;
    border-left-color: #007acc;
}

.box.thin {
    border-left-width: 2px;
}

.box.medium {
    border-left-width: 8px;
}

.box.thick {
    border-left-width: 16px;
}</style></head><body><div class="examples">
    <div class="box thin">Thin (border-left-width: 2px)</div>
    <div class="box medium">Medium (border-left-width: 8px)</div>
    <div class="box thick">Thick (border-left-width: 16px)</div>
</div></body></html>