outline

Вы можете приобрести локальную версию справочника по CSS в формате CHM или HTML

Браузер	Internet Explorer				Netscape		Opera				Safari			Firefox
Версия	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	CSS2, CSS2.1
Значение по умолчанию	invert
Наследуется	Нет
Применяется	Ко всем элементам
Аналог HTML	Нет
Ссылка на спецификацию	http://www.w3.org/TR/CSS21/ui.html#propdef-outline

Описание

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

Синтаксис

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

Значения

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

Пример

HTML 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=windows-1251">
  <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