Последние учебники веб-разработки
×

JavaScript Справка

обзор

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp JS Глобальный JS конверсионный

браузер BOM

Window Navigator Screen History Location

HTML DOM

DOM Документ DOM элементы DOM Атрибуты DOM Мероприятия DOM Стиль

HTML Объекты

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Другие объекты

CSSStyleDeclaration


 

Style borderTopStyle Property

<Style Object

пример

Добавить "solid" верхнюю границу в <div> элемент:

document.getElementById("myDiv").style.borderTopStyle = "solid";
Попробуй сам "

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

В borderTopStyle наборы свойств или возвращает стиль верхней границы элемента.

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Свойство borderTopStyle поддерживается во всех основных браузерах.

Синтаксис

Возвращает свойство borderTopStyle:

object .style.borderTopStyle

Установите свойство borderTopStyle:

object .style.borderTopStyle= value |initial|inherit

Значения свойств

Стоимость Описание
none не определяет границы. Это по умолчанию
hidden То же, что "none" , за исключением разрешения конфликтов границ для элементов таблицы
dotted Определяет пунктирную границу
dashed Определяет пунктирную границу
solid Определяет сплошную границу
double Определяет две границы. Ширина двух границ такие же, как границы ширины значения
groove Определяет рифленую границу 3D. Эффект зависит от значения границы цвета
ridge Определяет ребристую границу 3D. Эффект зависит от значения границы цвета
inset Определяет границу 3D врезки. Эффект зависит от значения границы цвета
outset Определяет 3D боковик границу. Эффект зависит от значения границы цвета
initial Установка этого свойства в значение по умолчанию. Читайте о первоначальном
inherit Inherits это свойство от родительского элемента. Читайте о унаследовать

Технические подробности

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

Еще примеры

пример

Измените стиль верхней границы <div> элемент в "dotted" :

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;
Попробуй сам "

Похожие страницы

Учебник CSS: CSS Border

Ссылка CSS: border-top-style property

HTML DOM ссылка: border property

<Style Object