Свойство border
Пример style.border
Добавьте границу к элементу <div>:
document.getElementById("myDiv").style.border = "thick solid #0000FF";
Попробуйте сами »
Ещё примеры ниже.
Описание border
Свойство border устанавливает или возвращает до трех отдельных свойств границы в сокращенной форме.
С помощью этого свойства вы можете установить/вернуть одно или несколько из следующих (в любом порядке):
- border-width
- border-style
- border-color
Связанные страницы border
CSS Учебник: CSS Border
CSS Справочник: Свойство border
Синтаксис border
Вернуть свойство border:
object.style.border
Установите свойство border:
object.style.border = "width style color|initial|inherit"
Значение свойства border
| Параметр | Описание |
|---|---|
| width | Устанавливает ширину границ |
| style | Устанавливает стиль границ |
| color | Устанавливает цвет границ |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали border
| Значение по умолчанию: | не указан |
|---|---|
| Возвращаемое значение: | Строка, представляющая ширину границы, стиль и/или цвет элемента. |
| CSS Версия | CSS1 |
Поддержка border
style.border является функцией CSS1 (1996).
Он полностью поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | Да |
Ещё примеры border
Измените ширину, стиль и цвет границы элемента <div>:
document.getElementById("myDiv").style.border = "thin dotted red";
Попробуйте сами »
Вернуть значение свойства border элемента <div>:
alert(document.getElementById("myDiv").style.border);
Попробуйте сами »