Loading Please Wait...

Logo Lynxsia IT Solutions

CSS Background Image

CSS Background Image

CSS background-image property is used to set image as a background of an element.

Background Image Values

The background-image property can have following values:

url("image.png"): any valid path of the image (local or from internet)

none: remove any background image.

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

					 
        
          background-image: url("image.png");

          /* Remove background image */
          background-image: none;

          /* Global keyword value */
          background-image: inherit;
          background-image: initial;
          background-image: revert;
          background-image: revert-layer;
          background-image: unset;
        
      
By default background image is repeated so that it can cover the entire element.
Multiple Background Image

We can also set multiple images as background.

					 
        
          background-image: url("image1.png"), url("image2.png");
        
      

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