| Інтернет Експлорер | Хром | Опера | Сафарі | Файрфокс | Android | iOS |
| 1.0+ | 9.5+ | 2.0+ | 1.5+ | 1.0+ | 1.0+ |
Коротка інформація
| Значення за замовчуванням | 0 |
|---|---|
| Наслідується | Ні |
| Застосовується | До всіх елементів |
| Посилання на специфікацію | http://www.w3.org/TR/css3-ui/#outline-offset |
Версії CSS
| CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
|---|---|---|---|
Опис
Встановлює відстань між рамкою, створеною за допомогою властивості outline, та краєм або межею елемента, доданої через border.
Синтаксис
outline-offset: <розмір> | inherit
Значення
- <розмір>
- Вказує відстань від краю елемента до рамки. Від'ємне значення відображає рамку всередині елемента, позитивне — навколо елемента.
- inherit
- Наслідує значення батька.
Приклад
HTML5CSS2.1IECrOpSaFx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>outline-offset</title>
<style>
.clue {
background: url(images/leather.jpg); /* Фонове зображення */
outline: 2px dashed rgba(255,255,255,0.8); /* Пунктирна рамка */
outline-offset: -10px; /* Виводимо рамку всередині елемента */
padding: 10px; /* Відступи */
min-height: 100px; /* Мінімальна висота */
}
</style>
</head>
<body>
<div class="clue"></div>
</body>
</html>Результат цього прикладу показаний на рис. 1.
Об'єктна модель
[window.]document.getElementById("elementID").style.outlineOffset