пример
Укажите контур 15px снаружи края границы:
div
{
border: 2px solid black;
outline: 2px solid red;
outline-offset: 15px;
}
Попробуй сам " Определение и использование
Свойство очертание смещения добавляет пространство между контуром и краем или границы элемента.
Контуры отличается от границ двумя способами:
- Контур линия, нарисованная вокруг элементов, за пределами края границы
- Набросков не занимают пространство
- Контур может быть непрямоугольная
| Значение по умолчанию: | 0 |
|---|---|
| Наследование: | no |
| Animatable: | yes, see individual properties . Read about animatable Try it |
| Версия: | CSS3 |
| Синтаксис JavaScript: | object .style.outlineOffset="15px" Try it |
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
| Имущество | |||||
|---|---|---|---|---|---|
| outline-offset | 4.0 | Не поддерживается | 3.5 | 3.1 | 10.5 |
CSS Синтаксис
outline-offset:length|initial|inherit;Значения свойств
| Стоимость | Описание |
|---|---|
| length | Расстояние контур боковик от края границы. Значение по умолчанию равно 0 |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о первоначальный |
| inherit | Наследует это свойство от своего родительского элемента. Читайте о унаследовать |
Похожие страницы
CSS3 учебник: CSS3 Интерфейс пользователя
HTML DOM ссылка: outlineOffset property