Характеристики свойства
В каких браузерах работает?
8.0+ | 1.0+ | 3.5+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
В каких версиях CSS используется?
CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
+ | + | + | + |
Для чего используется?
Ссвойство управляет толщиной рамки в левой части объекта. Ширина линии устанавливается в пикселях. Является частным случаем и составной частью свойства border-left. Если необходимо прорисовать рамку по всему периметру объекта, то рекомендуется использовать универсальное свойство border.
Как правильно задавать?
border-left-width: толщина линии;
Какие могут быть значения?
Чаще всего исползуют числовые значения, указанные в пикселях. Однако существует классический способ определения толщины рамки, используя словесные команды:
- thin - 2-ух пиксельная рамка.
- medium - 4-ех пиксельная рамка.
- thick - 6-ти пиксельная рамка.
- inherit - повторяет толщину рамки родительского элемента.
Пример использования
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Свойство border-left-width</title> <style> .border { border: 4px double #b8b8b8; background: #b04d4d; color:#eee; padding: 15px; } p { border-left-color:#b8b8b8; border-left-style: solid; border-left-width: 2px; padding:0px 5px; width:300px; } </style> </head> <body> <div class="border"> <p>Текст, который будет заключен в специальную рамку для наглядности примера.</p> </div> </body> </html>
По итогу получаем
Тип CSS свойства:
Границы