outline-style
Оновлено: 30.12.2022
outline-style
Встановлює стиль зовнішньої межі елемента. На відміну від лінії, що задається через border, лінія через outline відображається навколо елемента, не впливаючи на ширину блоку або його положення.
Коротка інформація
| Значення за замовчуванням | none |
| Успадковується | Ні |
| Застосовується | До всіх елементів |
| Анімується | Ні |
Синтаксис
outline-style: none | dotted | dashed | solid | double | groove | ridge | inset | outsetЗначення
| none | Межа не відображається. Це значення перекриває властивість outline-width, якщо вона присутня. |
| dotted | Лінія, що складається з набору точок. |
| dashed | Пунктирна лінія, що складається із серії коротких відрізків. |
| solid | Суцільна лінія. |
| double | Подвійна лінія. |
| groove | Створює ефект вдавленої рамки. |
| ridge | Створює ефект рельєфного кордону. |
| inset | Псевдотривимірна рамка, за якої права і нижня межа освітлюється, а ліва і верхня лінії затемнюються. |
| outset | Псевдотривимірна рамка, за якої ліва і верхня межа мають світліший відтінок, ніж заданий колір, а права і нижня лінії затемнюються. |
Вигляд зазначених стилів представлено на рис. 1.
Приклад
У цьому прикладі для браузера прибирається пунктирна межа навколо посилань, що виникає під час їхньої активації. У першому абзаці рамка ще буде відображатися, а в другому абзаці вона приховується за допомогою значення none властивості outline-style.
Об'єктна модель
Об'єкт.style.outlineStyle