CSS border-left Свойство
Пример
Задайте стиль левой границы для различных элементов:
h1 {
border-left: 5px solid red;
}
h2 {
border-left: 4px dotted blue;
}
div {
border-left: double;
}
Определение и использование
Сокращенное свойство border-left
задает все свойства левой границы в одном объявлении.
Свойства, которые могут быть заданы, должны быть в следующем порядке:
- border-left-width
- border-left-style (Обязательно)
- border-left-color
Если граница-левый-цвет опущен, цвет будет применяться цвет текста.
Значение по умолчанию: | medium none color |
---|---|
Inherited: | no |
Animatable: | yes, see individual properties. Читайте о animatable |
Version: | CSS1 |
Синтаксис JavaScript: | object.style.borderLeft="3px dotted blue" |
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
Свойство | |||||
---|---|---|---|---|---|
border-left | 1.0 | 4.0 | 1.0 | 3.5 | 1.0 |
Синтаксис CSS
border-left: border-width border-style border-color|initial|inherit;
Значения свойств
Значение | Описание |
---|---|
border-left-width | Обязательно. Задает ширину левой границы. Значение по умолчанию — "Medium" |
border-left-style | Обязательно. Задает стиль левой границы. Значение по умолчанию — "None" |
border-left-color | Дополнительные. Задает цвет левой границы. Значение по умолчанию — цвет текста |
initial | Присваивает этому свойству значение по умолчанию. (Читайте о initial) |
inherit | Наследует это свойство из родительского элемента. (Читайте о inherit) |
Похожие страницы
CSS Справочник: CSS Border
HTML DOM Справочник: borderLeft Свойство