пример
Добавить "solid" границу в <div> элемент:
document.getElementById("myDiv").style.borderStyle = "solid"; Попробуй сам " Определение и использование
В BorderStyle наборы свойств или возвращает стиль границы элемента.
Это свойство может занять от одного до четырех значений:
- Одно значение, например: р {границы стиля: твердый} - все четыре границы будет тверда
- Два значения, такие как: р {границы стиля: твердый пунктирная} - верхняя и нижняя граница будет тверд, левая и правая граница будет усеяна
- Три значения, такие как: р {границы стиля: твердый пунктирная двойной} - верхняя граница будет тверд, левая и правая граница будет пунктирная, нижняя граница будет в два раза
- Четыре значения, такие как: р {границы стиль: твердый пунктирный двойной пунктирная} - верхняя граница будет тверда, правая граница будет пунктирным, нижняя граница будет двойной, левая граница будет пунктирным
Поддержка браузеров
Свойство BorderStyle поддерживается во всех основных браузерах.
Синтаксис
Возвращает свойство BorderStyle:
object .style.borderStyle
Установите свойство BorderStyle:
object .style.borderStyle= Значения свойств Стоимость Описание none не определяет границы. Это по умолчанию hidden То же, что "none" , за исключением разрешения конфликтов границ для элементов таблицы dotted Определяет пунктирную границу dashed Определяет пунктирную границу solid Определяет сплошную границу double Определяет две границы. Ширина двух границ такие же, как границы ширины значения groove Определяет рифленую границу 3D. Эффект зависит от значения границы цвета ridge Определяет ребристую границу 3D. Эффект зависит от значения границы цвета inset Определяет границу 3D врезки. Эффект зависит от значения границы цвета outset Определяет 3D боковик границу. Эффект зависит от значения границы цвета initial Установка этого свойства в значение по умолчанию. Читайте о первоначальном inherit Inherits это свойство от родительского элемента. Читайте о унаследовать
Технические подробности
Значение по умолчанию: никто Возвращаемое значение: Строка, представляющая стиль рамки элемента CSS версия CSS1
Еще примеры
пример
Изменение стиля четыре границ <div> элемент:
document.getElementById("myDiv").style.borderStyle = "dotted solid double
dashed";
Попробуй сам "
пример
Возвращение границы стиля <div> элемент:
alert(document.getElementById("myDiv").style.borderStyle); Попробуй сам "
пример
Демонстрация всех различных значений:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderStyle = listValue; Попробуй сам "
Похожие страницы
Учебник CSS: CSS Border
Ссылка CSS: border-style property
HTML DOM ссылка: border property
<Style Object