Стиль borderWidth Свойство
Пример
Измените ширину четырех границ элемента <div>:
document.getElementById("myDiv").style.borderWidth = "thick";
Определение и использование
Свойство borderWidth задает или возвращает ширину границы элемента.
Это свойство может принимать от одного до четырех значений:
- Одно значение, например: p {border-width: Thick} — все четыре границы будут толстыми.
- Два значения, например: p {border-width: толстый тонкий} - верхняя и нижняя границы будут толстыми, левая и правая границы будут тонкими.
- Три значения, например: p {border-width: толстая тонкая средняя} - верхняя граница будет толстой, левая и правая границы будут тонкими, нижняя граница будет средней.
- Четыре значения, например: p {border-width: толстая тонкая средняя 10 пикселей} — верхняя граница будет толстой, правая граница будет тонкой, нижняя граница будет средней, левая граница будет 10 пикселей.
Поддержка браузера
Property | |||||
---|---|---|---|---|---|
borderWidth | Yes | Yes | Yes | Yes | Yes |
Синтаксис
Верните свойство borderWidth:
object.style.borderWidth
Установите свойство borderWidth:
object.style.borderWidth = "thin|medium|thick|length|initial|inherit"
Значения свойств
Value | Description |
---|---|
thin | Defines a thin border |
medium | Defines a medium border. This is default |
thick | Defines a thick border |
length | The width of the border in length units |
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.borderWidth = "thick thin";
Пример
Измените ширину четырех границ элемента <div>, используя значение длины :
document.getElementById("myDiv").style.borderWidth = "1px 5px 10px 20px";
Пример
Возвращает ширину границы элемента <div>:
alert(document.getElementById("myDiv").style.borderWidth);
Связанные страницы
Учебное пособие по CSS: граница CSS
Справочник по CSS: свойство border-width
Справочник по HTML DOM: свойство границы
❮ Объект стиля