background-clip
Оновлено: 08.12.2022
background-clip
Визначає, як колір фону або фонова картинка має виводитися під межами. Ефект помітний за прозорих або пунктирних кордонів.
Коротка інформація
| Значення за замовчуванням | border-box |
| Успадковується | Ні |
| Застосовується | До всіх елементів |
| Анімується | Ні |
Синтаксис
background-clip: [padding-box | border-box | content-box | text]#
Значення
| padding-box | Фон відображається всередині рамки. |
| border-box | Фон виводиться під рамкою. |
| content-box | Фон відображається тільки всередині контенту. |
| text | Фон відображається тільки всередині тексту. |
Значень може бути кілька (для кожного з множинних фонових малюнків), при цьому значення розділяються між собою комою.
Приклад
Об'єктна модель
Об'єкт.style.backgroundClip
Примітка
Firefox до версії 4 підтримує властивість -moz-background-clip і значення padding та border.У Chrome, Safari, Opera та Android значення text працює тільки з властивістю -webkit-background-clip.