outline-width

Браузер	Internet Эксплорер				Нетscape		Опера				Safari			Файер фох
Версия	5.5	6.0	7.0	8.0	8.0	9.0	7.0	8.0	9.2	9.5	1.3	2.0	3.1	1.5	2.0	3.0
Поддерживается	Нет	Нет	Нет	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да

Краткая информация

CSS (ЦСС)	CSS (ЦСС)2, CSS (ЦСС)2.1
Значение по умолчанию	medium
Наследуется	Нет
Применяется	Ко всем элементам
Аналог ШТМЛ	Нет
Ссылка на спецификацию	http://www.w3.org/TR/CSS21/ui.ШТМЛ#propdef-outline-width

Описание

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

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

Синтаксис

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

Значения

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

Пример

ШТМЛ 4.01CSS (ЦСС) 2.1IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!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=utf-8">
  <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>

Результат примера показан на рис. 1.

Рис. 1

Рис. 1. Использование атрибута outline-width

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

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