Свойство borderTopStyle
Пример style.borderTopStyle
Добавьте "сплошную" верхнюю границу к элементу <div>:
document.getElementById("myDiv").style.borderTopStyle = "solid";
Попробуйте сами »
Описание borderTopStyle
Свойство borderTopStyle задает или возвращает стиль верхней границы элемента.
Поддержка borderTopStyle
| Свойство | |||||
|---|---|---|---|---|---|
| borderTopStyle | Да | Да | Да | Да | Да |
Синтаксис borderTopStyle
Вернуть свойство borderTopStyle:
object.style.borderTopStyle
Установите свойство borderTopStyle:
object.style.borderTopStyle = value
|initial|inherit
Значение свойства borderTopStyle
| Значение | Описание |
|---|---|
| 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 |
Технические детали borderTopStyle
| Значение по умолчанию: | none |
|---|---|
| Возвращаемое значение: | Строка, представляющая стиль верхней границы элемента. |
| CSS Версия | CSS1 |
Ещё примеры borderTopStyle
Измените стиль верхней границы элемента <div> на "точечный":
document.getElementById("myDiv").style.borderTopStyle = "dotted";
Попробуйте сами »
Вернуть свойство стиль верхней границы элемента <div>:
alert(document.getElementById("myDiv").style.borderTopStyle);
Попробуйте сами »
Демонстрация всех различных значений:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderTopStyle = listValue;
Попробуйте сами »
Связанные страницы borderTopStyle
CSS Учебник: CSS Границы
CSS Справочник: Свойство border-top-style
HTML DOM Справочник: Свойство border