outline-color

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

Описание

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

Синтаксис

outline-color: invert | цвет | inherit

Значения

invert
Автоматически задает цвет линии, исходя из фона под ней для достижения максимального контраста. В CSS 2.1 браузеру разрешается игнорировать значение invert и вместо него использовать цвет линии заданный свойством color.
цвет
Задает цвет линии в любом допустимом для CSS формате.
inherit
Наследует значение родителя.

Пример

<!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-color</title>   <style type="text/css">    #block {     outline-style: dashed; /* Пунктирная граница */     outline-color: #be8b5e; /* Цвет границы */     padding: 10px; /* Поля вокруг текста */     background: #eedac8; /* Цвет фона */    }   </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>

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

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