Свойство границы стиля
Пример
Добавьте границу к элементу <div>:
document.getElementById("myDiv").style.border = "thick solid #0000FF";
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Свойство границы задает или возвращает до трех отдельных свойств границы в сокращенной форме.
С помощью этого свойства вы можете установить/возвратить одно или несколько из следующих значений (в любом порядке):
- ширина рамки
- бордюрный стиль
- цвет границы
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает это свойство.
Property | |||||
---|---|---|---|---|---|
border | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Синтаксис
Вернуть свойство границы:
object.style.border
Установите свойство границы:
object.style.border = "width style color|initial|inherit"
Значения свойств
Parameter | Description |
---|---|
width | Sets the width of the borders |
style | Sets the style of the borders |
color | Sets the color of the borders |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Технические детали
Значение по умолчанию: | не определен |
---|---|
Возвращаемое значение: | Строка, представляющая ширину границы, стиль и/или цвет элемента. |
CSS-версия | CSS1 |
Дополнительные примеры
Пример
Измените ширину, стиль и цвет границы элемента <div>:
document.getElementById("myDiv").style.border = "thin dotted red";
Пример
Верните значения свойства границы элемента <div>:
alert(document.getElementById("myDiv").style.border);
Связанные страницы
Учебное пособие по CSS: граница CSS
Справочник по CSS: свойство границы