Стиль borderStyle свойства

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

borderStyle Свойство устанавливает или возвращает стиль рамки элемента.

Этот атрибут может принимать от одного до четырех значений:

  • Одно значение, например: p {border-style: solid} - все четыре края имеют сплошную линию
  • Два значения, например: p {border-style: solid dotted} - верхний и нижний края имеют сплошную линию, левый и правый края имеют пунктирную линию
  • Три значения, например: p {border-style: solid dotted double} - верхний край имеет сплошную линию, левый и правый края имеют пунктирную линию, нижний край имеет двойную линию
  • Четыре значения, например: p {border-style: solid dotted double dashed} - верхний край имеет сплошную линию, правый край имеет пунктирную линию, нижний край имеет двойную линию, левый край имеет пунктирную линию

Дополнительная информация:

Уроки CSS:Бор CSS

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

Руководство по HTML DOM:border 属性

атрибут border

пример

пример 1

добавить сплошную рамку к элементу <div>:

document.getElementById("myDiv").style.borderStyle = listValue;

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

пример 2

изменить стиль всех четырех рамок элемента <div>:

document.getElementById("myDiv").style.borderStyle = listValue;

document.getElementById("myDiv").style.borderStyle = "dotted solid double dashed";

пример 3

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

document.getElementById("myDiv").style.borderStyle = listValue;

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

пример 4

показ всех различных значений:
var listValue = selectTag.options[selectTag.selectedIndex].text;

document.getElementById("myDiv").style.borderStyle = listValue;

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

грамматика

установите атрибут borderStyle:возврат атрибута borderStyle:

.style.borderStyle

установите атрибут borderStyle:объект .style.borderStyle =
value value
worth описание
нет определяет рамку без рамки. По умолчанию.
скрытый равен "none", но кроме этого в решении конфликта рамок таблицы.
пунктир определяет пунктирную рамку.
сплошной определяет сплошную рамку.
двойной определяет два края. Ширина обоих краев равна значению border-width.
впадина определяет 3D впадину рамки. Эффект зависит от border-color worth.
гребень определяет 3D гребень рамки. Эффект зависит от border-color worth.
вставка определяет 3D вставку рамки. Эффект зависит от border-color worth.
отступ определяет 3D отступ рамки. Эффект зависит от значения border-color.
initial устанавливает этот атрибут в его значение по умолчанию. См. initial.
inherit переопределяет этот атрибут с помощью его родительского элемента. См. inherit.

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

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

браузер поддерживает

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