Тег border-left-width в CSS: опис, синтаксис, значення та приклад
Тег border-left-width в CSS встановлює товщину лівої межі елемента.
Синтаксис
border-left-width: значення | thin | medium | thick | inherit
Значення
Три змінні — thin (2 пікселя), medium (4 пікселя) та thick (6 пікселів) задають товщину лівої межі. Для більш точного значення, товщину можна вказати в пікселях або інших одиницях. inherit успадковує значення батька.
Приклад
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>border-left-width</title>
<style>
.line {
border-left-color: red; /* Колір лінії зліва */
border-left-style: double; /* Стиль лінії */
border-left-width: thick; /* Товщина лінії */
padding-left: 10px; /* Відстань між лінією та текстом */
}
</style>
</head>
<body>
<div class="line">
<h3>Зверніть увагу!</h3>
<p>У наші розрахунки не входить завдання вибухнути весь місто, тому будьте обережніше, коли почнете пересипати ядерне паливо з мішка. Щоб не забруднити кімнату, не забудьте покласти на підлогу газету.</p>
</div>
</body>
</html>Об'єктна модель
[window.]document.getElementById("ідентифікаторЕлементу").style.borderLeftWidth
Браузери
Браузер Internet Explorer до шостої версії включно при товщині межі 1px відображає dotted як dashed. При товщині 2px і більше значення dotted працює коректно. Ця помилка виправлена в IE7, але тільки для всіх меж товщиною 1px. Якщо одна з меж блоку має товщину 2px і більше, то в IE7 значення dotted перетворюється на dashed.
Internet Explorer до версії 7.0 включно не підтримує значення hidden та inherit.
Товщина межі при використанні ключових слів thin, medium та thick у різних браузерах може трохи відрізнятися.