Свойство outline

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
Значение по умолчанию Нет
Наследуется Нет
Применяется Ко всем элементам
Аналог HTML Нет

Описание

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

Синтаксис

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

Значения

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

Пример

<!DOCTYPE html>
<html>
  <head>
   <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="/girl.jpg" alt="Девочка с муфтой">
    <img src="/owl.jpg" alt="Сова"> 
    <img src="/boy.jpg" alt="Эвенкийский мальчик">
  </div>
 </body> 
 </html>

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

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