Свойство стиля outlineStyle

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

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

Контур представляет собой линию, окружающую элемент. Он отображается вокруг внешнего поля элемента. Однако, он differs от атрибута рамки.

Контур не является частью размеров элемента, поэтому атрибуты ширины и высоты элемента не включают ширину контура.

另请参阅：

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

CSS курс:CSS справочник:

outline-style свойствоHTML DOM справочник:

outline свойство

Пример

Пример 1

Измените стиль контура элемента <div>:

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

Добавьте сплошной контур вокруг элемента <div>:

Пример 2

Измените стиль контура элемента <div>:

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

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

Пример 3

Верните стиль контура элемента <div>:

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

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

Пример 4

Для демонстрации всех различных значений:
var listValue = selectTag.options[selectTag.selectedIndex].text;

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

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

Синтаксис

Установите атрибут outlineStyle:Верните атрибут outlineStyle:

.style.outlineStyle

Установите атрибут outlineStyle:object .style.outlineStyle =

value

Значение свойства Значение
none Описание
По умолчанию. Определяет отсутствие контура. hidden
Контур закрыт. dotted
Определяет точечный контур. dashed
Определяет пунктирный контур. solid
Определяет сплошной контур. double Определяет двойной контур. Ширина двойной линии равна outline-width
значения. Определяет 3D вогнутый канал. Определяет 3D вогнутый канал. Эффект зависит от outline-color значения.
ridge Определяет 3D выпуклый канал. Эффект зависит от outline-color значения.
inset Определяет 3D вогнутый контур. Эффект зависит от outline-color значения.
outset Определяет 3D выпуклый контур. Эффект зависит от outline-color значения.
initial Sets this property to its default value. См. initial.
inherit Инherits this property from its parent element. См. inherit.

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

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

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

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