CSS Смещение контура
CSS outline-offset
Свойство 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 Упражнения
Все свойства контура CSS
| Свойство | Описание |
|---|---|
| outline | Сокращенное свойство для настройки ширины контура, стиля контура и цвета контура в одном объявлении |
| outline-color | Задает цвет контура |
| outline-offset | Задает пространство между контуром и краем или границей элемента |
| outline-style | Задает стиль контура |
| outline-width | Задает ширину контура |