Свойство стиля layoutStyle
Пример
Добавьте «сплошной» контур вокруг элемента <div>:
document.getElementById("myDiv").style.outlineStyle = "solid";
Определение и использование
Свойство layoutStyle задает или возвращает стиль контура вокруг элемента.
Контур — это линия вокруг элемента. Он отображается вокруг поля элемента. Однако оно отличается от пограничного свойства.
Контур не является частью размеров элемента, поэтому свойства ширины и высоты элемента не содержат ширину контура.
Поддержка браузера
Property | |||||
---|---|---|---|---|---|
outlineStyle | Yes | Yes | Yes | Yes | Yes |
Синтаксис
Верните свойство layoutStyle:
object.style.outlineStyle
Задайте свойство layoutStyle:
object.style.outlineStyle = value
Значения свойств
Value | Description |
---|---|
none | Defines no outline. This is default |
hidden | The outline is turned off |
dotted | Defines a dotted outline |
dashed | Defines a dashed outline |
solid | Defines a solid outline |
double | Defines a double outline |
groove | Defines a 3D grooved outline. The effect depends on the outline-color value |
ridge | Defines a 3D ridged outline. The effect depends on the outline-color value |
inset | Defines a 3D inset outline. The effect depends on the outline-color value |
outset | Defines a 3D outset outline. The effect depends on the outline-color value |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Технические детали
Значение по умолчанию: | никто |
---|---|
Возвращаемое значение: | Строка, представляющая стиль контура элемента. |
CSS-версия | CSS2 |
Дополнительные примеры
Пример
Измените стиль контура элемента <div>:
document.getElementById("myDiv").style.outlineStyle = "solid";
Пример
Вернуть стиль контура элемента <div>:
alert(document.getElementById("myDiv").style.outlineStyle);
Пример
Демонстрация всех различных значений:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.outlineStyle = listValue;
Связанные страницы
Учебное пособие по CSS: Структура CSS
Справочник по CSS: свойство стиля контура
Справочник по HTML DOM: свойство структуры
❮ Объект стиля