border-left
Поддержка браузерами
12.0+ | 4.0+ | 1.0+ | 1.0+ | 1.0+ | 3.5+ |
Описание
CSS свойство border-left позволяет в одном объвлении указать ширину, стиль и цвет левой рамки элемента.
Свойства, значения которых могут быть использованы для редактирования левой рамки: border-left-width, border-left-style и border-left-color. Значения разделяются пробелом и могут быть записаны в любом порядке. Все три значения указывать не обязательно, ширину и/или цвет можно опустить.
Значение по умолчанию: | не определено |
---|---|
Применяется: | ко всем элементам |
Анимируется: | да, смотрите каждое свойство, входящее в состав краткого метода, отдельно |
Наследуется: | нет |
Версия: | CSS1 |
Синтаксис JavaScript: | object.style.borderLeft="3px solid blue" |
Синтаксис
border-left: width style color|inherit;
Значения свойства
Значение | Описание |
---|---|
border-left-width | Указывает ширину для левой рамки. |
border-left-style | Указывает стиль для левой рамки. |
border-left-color | Задает цвет для левой рамки. |
inherit | Указывает, что значение наследуется от родительского элемента. |
Пример
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Пример</title> <style type="text/css"> p { border-style: solid; border-left: thick double #ff0000; } </style> </head> <body> <p>Здесь расположен какой-то текст.</p> </body> </html>
Результат данного примера в окне браузера: