Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
8.0 + | 1.0 + | 7.0 + | 2.0 + | 1.5 + | 1.0 + | 1.0 + |
Коротка інформація
Значення за умовчанням | invert |
---|---|
успадковується | Ні |
Застосовується | До всіх елементів |
Посилання на специфікацію | http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color |
Версії CSS
CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
---|---|---|---|
Опис
Вказує колір зовнішнього межі елемента. На відміну від лінії, що задається через border, лінія через властивість outline відображається навколо елемента, не впливаючи на ширину блоку або його положення.
Синтаксис
outline-color: invert | колір | inherit
Значення
- invert
- Автоматично задає колір лінії, виходячи з фону під нею для досягнення максимального контрасту. В CSS 2.1 браузеру дозволяється ігнорувати значення invert і замість нього використовувати колір лінії заданий властивістю color .
- колір
- Задає колір лінії в будь-якому допустимому для CSS форматі.
- inherit
- Успадковує значення батька.
Приклад
HTML5 CSS2. 1 IE Cr Op Sa Fx
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> outline-color </title> <style> #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>
Результат прикладу показаний на рис. 1.
Об'єктна модель
[window.] Document.getElementById (" elementID ") style .outlineColor