Стиль borderWidth атрибута

Определение и использование

borderWidth Атрибут устанавливает или возвращает ширину рамки элемента.

Этот атрибут может принимать от одного до четырех значений:

  • Значение, например: p {border-width: thick} - все четыре рамки толстые
  • Два значения, например: p {border-width: thick thin} - верхняя и нижняя рамки толстые, правая и левая рамки тонкие
  • Три значения, например: p {border-width: thick thin medium} - верхняя рамка толстая, правая и левая рамки тонкие, нижняя рамка средняя
  • Четыре значения, например: p {border-width: thick thin medium 10px} - верхняя рамка толстая, правая рамка тонкая, нижняя рамка средняя, левая рамка 10px

См. также:

Уроки CSS:Края CSS

Руководство по CSS:Атрибут border-width

Руководство по HTML DOM:Атрибут border

Пример

Пример 1

Измените ширину всех четырех рамок элемента <div>:

document.getElementById("myDiv").style.borderWidth = "thick";

Попробуйте сами

Пример 2

Измените ширину верхних и нижних рамок элемента <div> на толстую, а ширину левых и правых рамок на тонкую:

document.getElementById("myDiv").style.borderWidth = "thick thin";

Попробуйте сами

Пример 3

Используйте значения длины для изменения ширины всех четырех рамок элемента <div>:

document.getElementById("myDiv").style.borderWidth = "1px 5px 10px 20px";

Попробуйте сами

Пример 4

Возврат ширины рамки элемента <div>:

alert(document.getElementById("myDiv").style.borderWidth);

Попробуйте сами

Грамматика

Возврат атрибута borderWidth:

object.style.borderWidth

Установите атрибут borderWidth:

object.style.borderWidth = "thin|medium|thick|length|initial|inherit"
Значение Описание
thin Определяет тонкую рамку.
medium Определяет среднюю рамку. По умолчанию.
thick Определяет толстую рамку.
length Ширина рамки измеряется в длине.
initial Sets this property to its default value. См. initial.
inherit Инherits this property from its parent element. См. inherit.

Технические детали

Значение по умолчанию: medium
Возвратное значение: Строка, представляющая ширину рамки элемента.
CSS версия: CSS1

Поддержка браузеров

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка