Свойство CSS layout-offset
Пример
Укажите сплошной красный контур толщиной 4 пикселя в 15 пикселях за пределами края границы:
div
{
outline: 4px solid red;
outline-offset: 15px;
}
Определение и использование
Свойство outline-offset
добавляет пространство между контуром и краем или границей элемента.
Пространство между элементом и его контуром прозрачно.
Контуры отличаются от границ тремя способами:
- Контур — это линия, проведенная вокруг элементов за пределами края границы.
- Схема не занимает места
- Контур может быть непрямоугольным
Значение по умолчанию: | 0 |
---|---|
Унаследовано: | нет |
Анимация: | да, см. отдельные свойства . Читать об анимации |
Версия: | CSS3 |
Синтаксис JavaScript: | объект .style.outlineOffset="15px" |
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает это свойство.
Property | |||||
---|---|---|---|---|---|
outline-offset | 4.0 | 15.0 | 3.5 | 3.1 | 10.5 |
Синтаксис CSS
outline-offset: length|initial|inherit;
Значения свойств
Value | Description |
---|---|
length | The distance the outline is outset from the border edge. Default value is 0 |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Связанные страницы
Учебное пособие по CSS: Пользовательский интерфейс CSS
Справочник по HTML DOM: свойство layoutOffset