пример
Добавить границу в <div> элемент:
document.getElementById("myDiv").style.border = "thick solid #0000FF"; Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
Пограничные наборы свойств или возвращают до трех отдельных пограничных свойств, в сокращенном виде.
С помощью этого свойства можно установить / вернуть один или несколько из следующих действий (в любом порядке):
- ширина рамки
- стиль границы
- цвет границы
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
| Имущество | |||||
|---|---|---|---|---|---|
| border | 1,0 | 4,0 | 1,0 | 1,0 | 3,5 |
Синтаксис
Возвращает свойство границы:
object .style.border
Установите свойство границы:
object .style.border=" Значения свойств параметр Описание width Устанавливает ширину границы style Устанавливает стиль границ color Устанавливает цвет границ initial Установка этого свойства в значение по умолчанию. Читайте о первоначальном inherit Inherits это свойство от родительского элемента. Читайте о унаследовать
Технические подробности
Значение по умолчанию: не определен Возвращаемое значение: Строка, представляющая границы ширина, стиль и / или цвет элемента CSS версия CSS1
Еще примеры
пример
Изменение ширины, стиль и цвет границы в <div> элемент:
document.getElementById("myDiv").style.border = "thin dotted red"; Попробуй сам "
пример
Возврат значения границы свойства <div> элемент:
alert(document.getElementById("myDiv").style.border); Попробуй сам "
Похожие страницы
Учебник CSS: CSS Border
Ссылка CSS: border property
<Style Object