outline

Браузер	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
Значение по умолчанию	invert
Наследуется	Нет
Применяется	Ко всем элементам
Аналог ШТМЛ	Нет
Ссылка на спецификацию	http://www.w3.org/TR/CSS21/ui.ШТМЛ#propdef-outline

Описание

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

Синтаксис

outline: outline-color || outline-style || outline-width

Значения

outline-color: Задает цвет линии в любом допустимом для CSS (ЦСС) формате.
outline-style: Стиль линии.
outline-width: Толщина границы.

Пример

ШТМЛ 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</title>
  <style type="text/CSS (ЦСС)">
   .photo IMG {
    padding: 20px; /* Поля вокруг Имаги */
    margin-right: 10px; /* Отступ справа */
    outline: 1px solid #666; /* Параметры рамки */
    background: #f0f0f0; /* Цвет фона */
    float: left; /* Обтекание по правой стороне */
   }
  </style>
 </head> 
 <body> 
  <div class="photo">
   <img src="images/girl.jpg" alt="Девочка с муфтой">
   <img src="images/owl.jpg" alt="Сова"> 
   <img src="images/boy.jpg" alt="Эвенкийский мальчик">
  </div>
 </body>
</html>

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

Рис. 1

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

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

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