css властивість border-left-width
Властивість border-left-width дозволяє встановити товщину лівої межі елементу.
Значення без задання дорівнює medium.
Для того, щоб показати межу, обов’язково потрібно її стилізувати, за допомогою border-bottom-style або border-style.
Специфікація не визначає чітко товщину кожного з ключових слів (thin, medium, thick). Проте вимагає, щоб вони розташовувалися один за одним: thin ≤ medium ≤ thick, та мали постійне значення в межах одного документу.
| Порада: | Ви також можете використовувати |
| Порада: | Завжди оголошуйте властивість |
Синтаксис
border-left-width: medium|thin|thick|length|initial|inherit;Властивість border-left-width може отримувати 6 значень:
mediumЛінія середньої товщини (3 пікселі)
thinТонка лінія. Значення в пікселях може змінюватися в залежності від браузера, але зазвичай становить 1 піксель
thickЛінія великої товщини (6 пікселів)
lengthДля точного встановлення товщини можна використовувати будь-які одиниці прийняті в CSS.
initialВстановлює властивість у значення без задання
inheritВказує на спадковість властивості від свого батьківського елемента
| Значення без задання: | medium |
|---|---|
| Наслідує: | Ні |
| Анімується: | Так |
| JavaScript синтаксис: | object.style.borderLeftWidth="5px" |
Переглядачі
| Переглядач | |||||
|---|---|---|---|---|---|
| border-left-width | 1.0 |
4.0 |
1.0 |
1.0 |
3.5 |
| Переглядач | |||
|---|---|---|---|
| border-left-width | 1.0 |
1.0 |
1.0 |
Мобільних переглядачів ще не додано.
Приклади
Динамічний приклад
Демонстрація роботи властивості
Демонстрація роботи властивості
Приклад використання властивості
Визначення товщини лівої границі
p {
border-style: solid;
border-left-width: 15px;
}