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 | Визначає ширину контуру |
