border-left-width
Свойство border-left-width устанавливает толщину границы слева от элемента.
Краткая информация
Значение по умолчанию | medium |
---|---|
Наследуется | Нет |
Применяется | Ко всем элементам |
Анимируется | Да |
Синтаксис
border-left-width: <размер> | thin | medium | thick
Значения
Три переменные — thin (1 пиксель), medium (3 пикселя) и thick (5 пикселей) задают толщину границы слева. Для более точного значения, толщину можно указывать в пикселях или других единицах.
Песочница
div { background: #e4efc7; border-left: double #333; padding: 10px; border-left-width: 0px; }
Пример
<!DOCTYPE html> <html lang="ru"> <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>
Результат данного примера показан на рис. 1.
Рис. 1. Использование свойства border-left-width
Объектная модель
Объект.style.borderLeftWidth
Примечание
Браузер Internet Explorer до версии 6.0 включительно при толщине границы 1px отображает dotted как dashed. При толщине 2px и выше значение dotted работает корректно. Эта ошибка исправлена в IE7, но только для всех границ толщиной 1px. Если одна из границ блока имеет толщину 2px и выше, то в IE7 значение dotted превращается в dashed.
Internet Explorer до версии 7.0 включительно не поддерживает значения hidden.
Толщина границы при использовании ключевых слов thin, medium и thick в разных браузерах может несколько различаться.
Спецификация
Спецификация | Статус |
---|---|
CSS Backgrounds and Borders Module Level 3 | Возможная рекомендация |
CSS Level 2 (Revision 1) | Рекомендация |
Браузеры
4 | 8 | 12 | 1 | 9.2 | 1 | 1 |
1 | 1 | 6 | 1 |