Последние учебники веб-разработки
×

JavaScript Справка

обзор

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp JS Глобальный JS конверсионный

браузер BOM

Window Navigator Screen History Location

HTML DOM

DOM Документ DOM элементы DOM Атрибуты DOM Мероприятия DOM Стиль

HTML Объекты

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Другие объекты

CSSStyleDeclaration


 

Style outlineStyle Property

<Style Object

пример

Добавить "solid" контур вокруг <div> элемент:

document.getElementById("myDiv").style.outlineStyle = "solid";
Попробуй сам "

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

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

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

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

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

OutlineStyle свойство поддерживается во всех основных браузерах.

Note: outlineStyle свойство не поддерживается в IE7 и более ранних версий. IE8 требует! DOCTYPE. IE9, а затем поддерживать его.

Синтаксис

Возвращение outlineStyle недвижимости:

object .style.outlineStyle

Установите outlineStyle свойства:

object .style.outlineStyle= value

Значения свойств

Стоимость Описание
none Определяет нет контура. Это по умолчанию
hidden Контур выключен
dotted Определяет пунктирный контур
dashed Определяет штриховой контур
solid Определяет сплошной контур
double Определяет двойной контур
groove Определяет 3D рифленые контур. Эффект зависит от значения контура цветов
ridge Определяет коньковый контур 3D. Эффект зависит от значения контура цветов
inset Определяет 3D врезку контур. Эффект зависит от значения контура цветов
outset Определяет 3D контур боковик. Эффект зависит от значения контура цветов
initial Установка этого свойства в значение по умолчанию. Читайте о первоначальном
inherit Inherits это свойство от родительского элемента. Читайте о унаследовать

Технические подробности

Значение по умолчанию: никто
Возвращаемое значение: Строка, представляющая стиль очертить элемент
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 Outline

Ссылка CSS: outline-style property

HTML DOM ссылка: outline property

<Style Object