Справочник по CSS
outline-offset
Internet Explorer
Chrome
Opera
Safari
Firefox
Android
iOS
1.0+
9.5+
2.0+
1.5+
1.0+
1.0+
Краткая информация
Версии CSS
CSS 1
CSS 2
CSS 2.1
CSS 3
Описание
Устанавливает расстояние между рамкой, созданной с помощью свойства outline , и краем или границей элемента добавленной через border .
Синтаксис
outline-offset: <размер> | inherit
Значения
<размер>
Задаёт расстояние от края элемента до рамки. Отриацательное значение отображает рамку внутри элемента, положительное — вокруг элемента.
inherit
Наследует значение родителя.
Пример
HTML5 CSS2.1 IE Cr Op Sa Fx
<!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.
Рис. 1. Использование свойства outline-offset
Объектная модель
[window.]document.getElementById("elementID ").style.outlineOffset
Это интересно
Каждые 60 секунд друзьями в Facebook становятся 100 000 человек, каждые 20 минут распространяется два миллионы ссылок, а каждый час почти 5 миллионов пользователей Facebook получают приглашение на какое-то мероприятие.