Poonam Soni
Poonam Soni

@CodeByPoonam

5 Tweets 4 reads Jul 06, 2022
background-clip property in CSS πŸ‘‡
✳️ This property sets the background extension
Values:
✳️ border-box
✳️ padding-box
✳️ content-box
✳️ text
Detail syntax and example is added in thread πŸ§΅πŸ‘‡
Like and retweet first tweet, if you find this useful.
Follow for more content πŸ™‚
1️⃣ background-clip: border-box
This is by default.
In this background extends behind the border πŸ‘‡
2️⃣ background-clip: padding-box
The background extends to inside edge of the border πŸ‘‡
3️⃣ background-clip: content-box
The background extends till content box only πŸ‘‡
4️⃣ -webkit-background-clip:text
The background is clipped to show text. Text of color is made transparent to see this working πŸ‘‡

Loading suggestions...