✔️ background-clip CSS Style Property

המאפיין background-clip מגדיר לפי איזה חלק מהתגית לחתוך את הרקע. לדוגמה: בחלק של תוכן התגית (content-box) או גם בריווח בין התוכן לתגית (padding-box).

דוגמא: מגדיר מצב המרווח בין צבע הרקע למסגרת האלמנט

Demo Panel:

cssguide

CSS:

HTML: 222

Syntax:

background-clip: border-box | padding-box | content-box | initial | inherit;

Valid values:

border-box, padding-box, content-box, border-area, text, revert, revert-layer, unset, inherit, initial

Js Syntax: element.style.backgroundClip

תאימות דפדפנים

background-clip
הערך שנבדק	Chrome	Firefox	EdgeC	Opera
padding-box	✔️	✔️	✔️	✔️
border-box	✔️	✔️	✔️	✔️
content-box	✔️	✔️	✔️	✔️
revert	✔️	✔️	✔️	✔️
revert-layer	✔️	✔️	✔️	✔️
unset	✔️	✔️	✔️	✔️
inherit	✔️	✔️	✔️	✔️
initial	✔️	✔️	✔️	✔️