CSS outline-offset Свойство
Пример
Укажите сплошной красный контур на 4 пикселя 15 пикселов за пределами края границы:
div
{
outline: 4px solid red;
outline-offset: 15px;
}
Определение и использование
Свойство outline-offset добавляет пространство между контуром и краем или границей элемента.
Пространство между элементом и его контуром прозрачно.
Контуры отличаются от границ тремя способами:
- Контур — это линия, обрисованная вокруг элементов, за пределами края границы
- Контур не занимает место
- Контур может быть не прямоугольным
| Значение по умолчанию: | 0 |
|---|---|
| Inherited: | no |
| Animatable: | yes, see individual properties. Читайте о animatable |
| Version: | CSS3 |
| Синтаксис JavaScript: | object.style.outlineOffset="15px" |
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| outline-offset | 4.0 | 15.0 | 3.5 | 3.1 | 10.5 |
Синтаксис CSS
outline-offset: length|initial|inherit;
Значения свойств
| Значение | Описание |
|---|---|
| length | Расстояние, по которому контур находится в начале от края границы. Значение по умолчанию — 0 |
| initial | Присваивает этому свойству значение по умолчанию. (Читайте о initial) |
| inherit | Наследует это свойство из родительского элемента. (Читайте о inherit) |
Похожие страницы
CSS Справочник: CSS User Interface
HTML DOM Справочник: outlineOffset Свойство