Top Ad unit 728 × 90

Libreoffice

Libreoffice Writer

CSS Background Image Properties

 



CSS Background Image Properties


CSS Background Properties


The CSS background properties are used to define the background effects for

 elements. There are lots of properties to design the background. 

 

CSS Background-color Property:

 

The background-color property in CSS is used to specify the background

 color of an element.

 

CSS Code


 

 

Output


 

 

CSS Background-image Property:


The background-image property is used to set one or more background

 images to an element.

 

CSS Code

 

 




Output


 



 

CSS Background-Repeat Property:


The background-repeat property in CSS is used to repeat the background

 image both horizontally and vertically.

 


CSS Code


 


 

Output

 

 


 

CSS Background-attachment Property:


The background-attachment property in CSS is used to specify the kind of

 attachment of the background image with respect to its container.

 

Ex- Set two Background images For the <body>Element. Let the First not be repeated (with no repeat) and let the second image repeat (repeat).

 

CSS Code

 

 


 

Output

 

 


 

 

CSS Background-position Property:

 

In CSS body-position property is mainly used to set an image at a certain

 position.

 

 

CSS Code

 

 


Output


 

 

 

CSS Background-origin Property:

 

 The background-origin is a property defined in CSS which helps in adjusting

 the background image of the webpage.

 

CSS Code

 

 




 

 

Output

 

 



 

 

CSS Background-clip Property:

 

The background-clip property in CSS is used to define how to extend the

 background (color or image) within an element.

 

 

Ex-In Real Time how we use Images in website.

 

CSS Code

 

 



Output

 

 



 

CSS Background Image Properties Reviewed by ADcomputercampus on November 25, 2023 Rating: 5

No comments:

Contact Form

Name

Email *

Message *

Powered by Blogger.