outline

Internet Explorer			Chrome			Opera			Safari			Firefox
6.0	7.0	8.0	2.0	3.0	4.0	9.2	9.6	10	2.0	3.1	4.0	2.0	3.0	3.6

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

Значение по умолчанию	Нет
Наследуется	Нет
Применяется	Ко всем элементам
Ссылка на спецификацию	http://www.w3.org/TR/CSS21/ui.html#propdef-outline

Версии CSS

CSS 1	CSS 2	CSS 2.1	CSS 3

Описание

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

Синтаксис

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

Значения

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

Пример

HTML 4.01CSS 2.1CSS 3IE 6IE 7IE 8Op 9.6Op 10Sa 3.1Sa 4Cr 3Ff 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; /* Отступ справа */
    margin-bottom: 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