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