СSS Свойство 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
Если параметр border-left-color опущен, применяемый цвет будет соответствовать цвету текста.
| Значение по умолчанию: | medium none color |
|---|---|
| Унаследованный: | нет |
| Анимируемый: | да, см. раздел отдельные свойства. Прочитать о animatable Попробовать |
| Версия: | 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 | Требуемый. Задает ширину левой границы. Значение по умолчанию is "medium" |
| border-left-style | Требуемый. Задает стиль левой границы. Значение по умолчанию is "none" |
| border-left-color | Необязательный. Задает цвет левой границы. Значение по умолчанию цвет текста |
| initial | Задает для этого свойства значение индекса. Прочитать о initial |
| inherit | Наследует это свойство от родительского элемента. Прочитать о inherit |
Связанные страницы
CSS учебник: CSS Border
HTML DOM справочник: Свойство borderLeft
