| 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
- Наслідує значення батьківського елемента.
Приклад
HTML5CSS2.1IECrOpSaFx
<!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.
Рис. 1. Використання властивості outline-color
Об'єктна модель
[window.]document.getElementById("elementID")style.outlineColor