СSS Свойство outline-offset
Пример
Указать 4 пикселя сплошной красный контур 15 пикселей за пределами края границы:
div
{
outline: 4px solid red;
outline-offset: 15px;
}
Редактор кода »
Определение и использование
Свойство outline-offset добавляет пространство между контуром и краем или границей элемента.
Пространство между элементом и его контуром прозрачно.
Контуры отличаются от границ тремя способами:
- Контур - это линия, проведенная вокруг элементов, вне края границы
- Контур не занимает места
- Контур может быть непрямоугольным
| Значение по умолчанию: | 0 |
|---|---|
| Унаследованный: | нет |
| Анимируемый: | да, см. раздел отдельные свойства. Прочитайте о animatable Попробовать |
| Версия: | 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 Пользовательский интерфейс
HTML DOM Справочник: Свойство outlineOffset
