Свойство Style borderTopStyle

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

borderTopStyle Установить или получить стиль отступа элемента.

Дополнительная литература:

Учебник CSS:Границы CSS

Руководство по CSS:Свойство border-top-style

Руководство по HTML DOM:Свойство border

Пример

Пример 1

Добавить реальный верхний отступ для элемента <div>:

document.getElementById("myDiv").style.borderTopStyle = "solid";

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

пример 2

изменить стиль верхнего края элемента <div> на "dotted":

document.getElementById("myDiv").style.borderTopStyle = "dotted";

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

пример 3

возврат стиля верхнего края элемента <div>:

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

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

пример 4

демонстрация всех различных значений:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderTopStyle = listValue;

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

грамматика

возврат borderTopStyle атрибут:

object.style.borderTopStyle

установить borderTopStyle атрибут:

object.style.borderTopStyle = value|initial|inherit
значение описание
none определяет край без рамки. По умолчанию.
hidden равно "none", но кроме случаев решения конфликта краев таблицы.
dotted определяет точечный край.
dashed определяет пунктирный край.
solid определяет сплошной край.
double определяет два края. Ширина обоих краев одинакова с значением border-width.
groove определяет 3D впадину. border-color значения.
ridge определяет 3D гребень. border-color значения.
inset определяет 3D вогнутый край. border-color значения.
outset определяет 3D выступающий край. border-color значения.
initial устанавливает этот атрибут в его значение по умолчанию. См. initial.
inherit переопределяет этот атрибут от его родительского элемента. См. inherit.

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

по умолчанию: none
возвратное значение: строка, представляющая стиль верхнего края элемента.
версия CSS: CSS1

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

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