Свойство outline-offset
CSS свойство outline-offset добавляет пробел между контуром и краем/границей элемента. Пространство между элементом и его контуром является прозрачным.
В следующем примере задается контур размером 15 пикселей за пределами края границы:
Этот параграф имеет контур размером 15 пикселей за пределами границы.
p {
margin: 30px;
border: 1px solid black;
outline:
1px solid red;
outline-offset: 15px;
}
Попробуйте сами »
В следующем примере показано, что пространство между элементом и его контуром является прозрачным:
Этот параграф имеет контур размером 15 пикселей за пределами границы.
p {
margin: 30px;
background:
yellow;
border: 1px solid black;
outline:
1px solid red;
outline-offset: 15px;
}
Попробуйте сами »
Все CSS свойства outline
| Свойство | Описание |
|---|---|
| outline | Сокращенное свойство для настройки ширины контура, стиля контура и цвета контура в одном объявлении |
| outline-color | Задает цвет контура |
| outline-offset | Задает пространство между контуром и краем или границей элемента |
| outline-style | Задает стиль контура |
| outline-width | Задает ширину контура |