Свойство borderWidth
Пример style.borderWidth
Измените ширину четырех границ элемента <div>:
document.getElementById("myDiv").style.borderWidth = "thick";
Попробуйте сами »
Описание 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
Поддержка borderWidth
| Свойство | |||||
|---|---|---|---|---|---|
| borderWidth | Да | Да | Да | Да | Да |
Синтаксис borderWidth
Вернуть свойство borderWidth:
object.style.borderWidth
Установите свойство borderWidth:
object.style.borderWidth = "thin|medium|thick|length|initial|inherit"
Значение свойства borderWidth
| Значение | Описание |
|---|---|
| thin | Определяет тонкую границу |
| medium | Определяет среднюю границу. Это значение по умолчанию |
| thick | Определяет толстую границу |
| length | Ширина границы в единицах длины |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали borderWidth
| Значение по умолчанию: | medium |
|---|---|
| Возвращаемое значение: | Строка, представляющая ширину границы элемента. |
| CSS Версия | CSS1 |
Ещё примеры borderWidth
Измените ширину верхней и нижней границ на толстую, а левую и правую границы на тонкую для элемента <div>:
document.getElementById("myDiv").style.borderWidth = "thick thin";
Попробуйте сами »
Измените ширину четырех границ элемента <div>, используя значение length:
document.getElementById("myDiv").style.borderWidth = "1px 5px 10px 20px";
Попробуйте сами »
Вернуть свойство ширины границы элемента <div>:
alert(document.getElementById("myDiv").style.borderWidth);
Попробуйте сами »
Связанные страницы borderWidth
CSS Учебник: CSS Границы
CSS Справочник: Свойство border-width
HTML DOM Справочник: Свойство border