Loading Please Wait...

Logo Lynxsia IT Solutions

CSS Background Origin

CSS Background Origin

CSS background-origin property is used to define the origin (start) of the background.

Background Origin Values

The background-origin property can have following values:

border-box: background start from the border of the element.

padding-box: background start from the padding of the element.

content-box: background start from the content 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-origin: border-box;
          background-origin: padding-box;
          background-origin: content-box;

          /* Multiple backgrounds */
          background-origin: border-box, padding-box;

          /* Global values */
          background-origin: inherit;
          background-origin: initial;
          background-origin: revert;
          background-origin: revert-layer;
          background-origin: unset;
        
      

How you feel about this blog:

Share this blog on:

Report Us

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
Ads
Logo
Lynxsia IT Solutions

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..

Kotwali Road, Chhiptehri, Banda, 210001, UP, India

Copyright © 2022, Lynxsia IT Solutions, All rights reserved