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>
Результат данного примера в окне браузера:
