Loading Please Wait...
CSS background-clip property is used set the boundary of the background that is background extends to the border, padding, or content. The background beyond the boundary is then clipped.
The background-clip property can have following values:
border-box: background boundary extends to the outer border of the element.
padding-box: background boundary extends to the padding of the element.
content-box: background boundary extends to the content of the element.
text: background is drawn within (clipped to) the text of the element.
inherit: inherit from parent.
initial: initial as browser default.
revert: same as it would be if no changes were made.
revert-layer: same as back to the previous value.
unset: same as parent (like inherit) and if not inherited then back to browser default (like initial).
/* Keyword values */
background-clip: border-box;
background-clip: padding-box;
background-clip: content-box;
background-clip: text;
/* Multiple Backgrounds (comma , separated) */
background-clip: border-box, content-box;
/* Global values */
background-clip: inherit;
background-clip: initial;
background-clip: revert;
background-clip: revert-layer;
background-clip: unset;
How you feel about this blog:
Share this blog on:
If you find any error in the turtorials, or want to share your suggestion/feedback, feel free to send us email at: info@lynxsia.com
Contact Us
We are concern with various development process like website design & development, E-commerce development, Software development, Application development, SMS & Bulk SMS Provider, PWA Development, and many more..
Copyright © , Lynxsia IT Solutions, All rights reserved