Рейтинг@Mail.ru
УРОКИ CSS CSS3 ПРИМЕРЫ CSS СПРАВОЧНИК CSS РЕКЛАМА

CSS3 Свойство outline-offset


CSS Справочник Полный CSS Справочник

Пример

Указать контур на расстоянии 15px от границы:

div
{
border:2px solid black;
outline:2px solid red;
outline-offset:15px;
}

Попробуйте сами »

Поддержка Браузерами

Internet Explorer Firefox Opera Google Chrome Safari

Свойство outline-offset не поддерживается в браузерах Internet Explorer и Opera.


Определение и Использование

Свойство outline-offset сдвигает контур и рисует его на указанном расстоянии от границы.

Контуры отличаются от границ по двум пунктам:

  • Контуры не занимают пространство
  • Контуры могут быть не прямоугольными
Значение по умолчанию: 0
Наследуется: нет
Версия: CSS3
JavaScript синтаксис: объект.style.outlineOffset="15px"


Синтаксис

outline-offset: расстояние|inherit:

Значение Описание
расстояние Расстояние, на которое сдвигается контур от края границы
inherit Указывает, что значение свойства outline-offset должно наследоваться от родительского элемента


Смотрите Также

CSS3 уроки: CSS3 Пользовательский Интерфейс


CSS Справочник Полный CSS Справочник

© 2011-2017 Уроки CSS
Рейтинг@Mail.ru