Свойство outlineOffset
Пример style.outlineOffset
Переместите границу контура на 15 пикселей за пределы края рамки:
document.getElementById("myDIV").style.outlineOffset = "15px";
Попробуйте сами »
Описание outlineOffset
Свойство outlineOffset смещает контур и рисует его за пределами края границы.
Контуры отличаются от границ двумя способами:
- Контуры не занимают места
- Контуры могут быть непрямоугольными
Поддержка outlineOffset
| Свойство | |||||
|---|---|---|---|---|---|
| outlineOffset | Да | 15.0 | Да | Да | Да |
Синтаксис outlineOffset
Вернуть свойство outlineOffset:
object.style.outlineOffset
Установите свойство outlineOffset:
object.style.outlineOffset = "length|initial|inherit"
Значение свойства outlineOffset
| Значение | Описание |
|---|---|
| length | Расстояние, на которое отступает контур от края границы. Значение по умолчанию — 0 |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали outlineOffset
| Значение по умолчанию: | 0 |
|---|---|
| Возвращаемое значение: | Строка, представляющая свойство смещения контура элемента. |
| CSS Версия | CSS3 |
Связанные страницы outlineOffset
CSS Справочник: Свойство outline-offset