Свойство borderColor
Пример style.borderColor
Измените цвет четырех границ элемента <div> на красный:
document.getElementById("myDiv").style.borderColor = "red";
Попробуйте сами »
Ещё примеры ниже.
Описание borderColor
Свойство borderColor задает или возвращает цвет границы элемента.
Это свойство может принимать от одного до четырех значений:
- Одно значение, например: p {border-color: red} - все четыре границы будут красными
- Два значения, например: p {border-color: red transparent} - верхняя и нижняя границы будут красными, левая и правая границы будут прозрачными
- Три значения, например: p {border-color: red green blue} - верхняя граница будет красной, левая и правая границы будут зелеными, нижняя граница будет синей
- Четыре значения, например: p {border-color: red green blue yellow} - верхняя граница будет красной, правая граница будет зеленой, нижняя граница будет синей, левая граница будет желтой
Поддержка borderColor
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает данное свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| borderColor | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Синтаксис borderColor
Вернуть свойство borderColor:
object.style.borderColor
Установите свойство borderColor:
object.style.borderColor = "color|transparent|initial|inherit"
Значение свойства borderColor
| Значение | Описание |
|---|---|
| color | Задает цвет границы. Полный список возможных значений цвета см. в разделе CSS Значения цвета. Цвет по умолчанию — текущий цвет элемента |
| transparent | Цвет границы прозрачный (нижележащее содержимое будет просвечивать) |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали borderColor
| Значение по умолчанию: | current color |
|---|---|
| Возвращаемое значение: | Строка, представляющая цвет границы элемента. |
| CSS Версия | CSS1 |
Ещё примеры borderColor
Измените цвет верхней и нижней границы на зеленый, а левой и правой границы на фиолетовый для элемента <div>:
document.getElementById("myDiv").style.borderColor = "green purple";
Попробуйте сами »
Вернуть свойство цвета границы элемента <div>:
alert(document.getElementById("myDiv").style.borderColor);
Попробуйте сами »
Связанные страницы borderColor
CSS Учебник: CSS Границы
CSS Справочник: Свойство border-color
HTML DOM Справочник: Свойство border