border-left
Оновлено: 05.12.2022
border-left
Властивість border-left дає змогу одночасно встановити товщину, стиль і колір лівої межі елемента. Значення можуть іти в будь-якому порядку, розділяючись пропуском, браузер сам визначить, яке з них відповідає потрібній властивості.
Коротка інформація
| Значення за замовчуванням | Залежить від використання |
| Успадковується | Ні |
| Застосовується | До всіх елементів |
| Анімується | Так |
Синтаксис
border-left: [border-left-width || border-left-style || border-left-color]
Значення
Значення border-left-width визначає товщину межі. Для керування її виглядом надається кілька значень властивості border-left-style. Їхні назви та результат дії наведено на рис. 1.
border-left-colorвстановлює колір кордону, значення може бути в будь-якому допустимому для CSS форматі.
Приклад
Об'єктна модель
Об'єкт.style.borderLeft
Примітка
Браузер Internet Explorer до шостої версії включно за товщини кордону 1px відображає dotted як dashed. При товщині 2px і вище значення dotted працює коректно. Цю помилку виправлено в IE7, але тільки для всіх кордонів товщиною 1px. Якщо одна з меж блоку має товщину 2px і вище, то в IE7 значення dotted перетворюється на dashed.Стиль кордону в різних браузерах може дещо відрізнятися при використанні значень groove, ridge, inset або outset.