Свойство стиля borderTop
Пример
Добавьте верхнюю границу к элементу <div>:
document.getElementById("myDiv").style.borderTop = "thick solid #0000FF";
Определение и использование
Свойство borderTop задает или возвращает до трех отдельных свойств border-top в сокращенной форме.
С помощью этого свойства вы можете установить/возвратить одно или несколько из следующих значений (в любом порядке):
- граница-верхняя ширина
- граница-верхний стиль
- граница-верхний цвет
Поддержка браузера
Property | |||||
---|---|---|---|---|---|
borderTop | Yes | Yes | Yes | Yes | Yes |
Синтаксис
Верните свойство borderTop:
object.style.borderTop
Установите свойство borderTop:
object.style.borderTop = "width style color|initial|inherit"
Значения свойств
Parameter | Description |
---|---|
width | Sets the width of the top border |
style | Sets the style of the top border |
color | Sets the color of the top border |
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.borderTop = "thin dotted red";
Пример
Вернуть значения свойства border-top элемента <div>:
alert(document.getElementById("myDiv").style.borderTop);
Связанные страницы
Учебное пособие по CSS: граница CSS
Справочник по CSS: свойство border-top
Справочник по HTML DOM: свойство границы
❮ Объект стиля