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

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 outlineWidth Property

<Style Object

пример

Изменение ширины контура в <div> элемент:

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

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

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

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

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


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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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


Синтаксис

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

object .style.outlineWidth

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

object .style.outlineWidth="thin|medium|thick| Значения свойств
Стоимость Описание
thin Определяет тонкий контур
medium Определяет средний план. Это по умолчанию
thick Определяет толстый контур
length Ширина контура в единицах длины
initial Установка этого свойства в значение по умолчанию. Читайте о первоначальном
inherit Inherits это свойство от родительского элемента. Читайте о унаследовать

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

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

Еще примеры

пример

Изменение ширины контура в <div> элемента, используя "thick" значение:

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

пример

Возвращает ширину очертаний <div> элемент:

alert(document.getElementById("myDiv").style.outlineWidth);
Попробуй сам "

Похожие страницы

Учебник CSS: CSS Outline

Ссылка CSS: outline property

HTML DOM ссылка: outline property


<Style Object