outline-width

Internet Explorer Netscape Opera Safari Firefox
6.0 7.0 8.0 8.0 9.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Нет Нет Да Да Да Да Да Да Да Да Да Да Да Да

 

CSS CSS2, CSS2.1
Значение по умолчанию medium
Наследуется Нет
Применяется Ко всем элементам
Аналог HTML Нет

Описание

Задает толщину внешней границы элемента. В отличие от свойства border-width, для outline-width нельзя устанавливать границу для каждой стороны элемента индивидуально.

Чтобы outline-width работал, необходимо установить у свойства outline-style любое значение кроме none.

Синтаксис

outline-width: thin | medium | thick | значение | inherit

Значения

thin
Тонкая линия. Значение в пикселах может изменяться в зависимости от браузера, но обычно составляет 1 пиксел.
medium
Линия средней толщины (3 пиксела).
thick
Линия большой толщины (6 пикселов).
значение
Для точной установки толщины можно использовать любые единицы размера принятые в CSS.
inherit
Наследует значение родителя.

Пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  "http://www.w3.org/TR/html4/strict.dtd"> <html>  <head>   <meta http-equiv="Content-Type" content="text/html;    charset=windows-1251">   <title>outline-width</title>   <style type="text/css">    #block {     outline-style: dotted; /* Пунктирная внешняя граница */     outline-width: 3px; /* Толщина внешней границы */     padding: 10px; /* Поля вокруг текста */     border: 3px dotted #000; /* Параметры рамки */    }   </style>  </head>   <body>     <div id="block">     Lorem ipsum dolor sit amet, consectetuer adipiscing elit,      sed diem nonummy nibh euismod tincidunt ut lacreet dolore      magna aliguam erat volutpat.    </div>  </body> </html>

Объектная модель

[window.]document.getElementById("elementID")style.outlineWidth