Свойство outlineStyle
Пример style.outlineStyle
Добавьте "сплошной" контур вокруг элемента <div>:
document.getElementById("myDiv").style.outlineStyle = "solid";
Попробуйте сами »
Описание outlineStyle
Свойство outlineStyle задает или возвращает стиль контура вокруг элемента.
Контур — это линия вокруг элемента. Он отображается вокруг поля элемента. Однако он отличается от свойства border.
Контур не является частью размеров элемента, поэтому свойства width и height элемента не содержат ширину контура.
Поддержка outlineStyle
| Свойство | |||||
|---|---|---|---|---|---|
| outlineStyle | Да | Да | Да | Да | Да |
Синтаксис outlineStyle
Вернуть свойство outlineStyle:
object.style.outlineStyle
Установите свойство outlineStyle:
object.style.outlineStyle = value
Значение свойства outlineStyle
| Значение | Описание |
|---|---|
| none | Не определяет контур. Это значение по умолчанию |
| hidden | Контур отключен. |
| dotted | Определяет пунктирный контур |
| dashed | Определяет пунктирный контур |
| solid | Определяет сплошной контур |
| double | Определяет двойной контур |
| groove | Определяет 3D рифленый контур. Эффект зависит от значения цвета контура |
| ridge | Определяет 3D ребристый контур. Эффект зависит от значения цвета контура |
| inset | Определяет 3D врезной контур. Эффект зависит от значения outline-color |
| outset | Определяет 3D-контур начала. Эффект зависит от значения цвета контура |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали outlineStyle
| Значение по умолчанию: | none |
|---|---|
| Возвращаемое значение: | Строка, представляющая стиль контура элемента. |
| CSS Версия | CSS2 |
Ещё примеры outlineStyle
Измените стиль контура элемента <div>:
document.getElementById("myDiv").style.outlineStyle = "solid";
Попробуйте сами »
Вернуть свойство outlineStyle элемента <div>:
alert(document.getElementById("myDiv").style.outlineStyle);
Попробуйте сами »
Демонстрация всех различных значений:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.outlineStyle = listValue;
Попробуйте сами »
Связанные страницы outlineStyle
CSS Учебник: CSS Контур
CSS Справочник: Свойство outline-style
HTML DOM Справочник: Свойство outline