To create a small-caps effect, use the font-variant property.ExampleYou can try to run the following code to learn how to work with font-variant property in CSS:                            Asia, Antartica, Africa are continents          

To make a font italic, use the font-style property. You can try to run the following code to learn how to work with the font-style property:Example                            This text is in italic style          

To change the font face, use the font-family property.ExampleYou can try to run the following code to learn how to work with the font-family property:                            Demo content          

The background property is used as a shorthand to specify the number of other background properties such as image, position, repeat, etc.                            This parapgraph has fixed repeated background image.          

The background-attachment property is used to control the scrolling of an image in the background.ExampleYou can try to run the following code to learn how to work with the background-attachment property:                    body {             background-image: url('/css/images/css.jpg');             background-repeat: no-repeat;             background-attachment: fixed;          }                     The background-image is fixed. Try to scroll down the page.       The background-image is ... Read More

To set the background-attachment, use the background-attachment property. Background attachment determines whether a background image is fixed or scrolls with the rest of the page.ExampleYou can try to run the following code to learn how to work with the background-attachment property to set fixed background image:                    body {             background-image: url('/css/images/css.jpg');             background-repeat: no-repeat;             background-attachment: fixed;          }                     The ... Read More

To set the background image position, use the background-position property. You can try to run the following code to learn how to work with the background-position property:ExampleIt sets the background image position 80 pixels away from the left side:                    body {             background-image: url("/css/images/css.jpg");             background-position:80px;          }                     Tutorials point    

The background-color property is used to set the background color of an element.ExampleYou can try to run the following code to learn how to work with the background-color property:                         This text has a blue background color.    

The background-repeat property is used to control the repetition of an image in the background. You can use no-repeat value for the background-repeat property if you do not want to repeat an image, in this case, the image will display only once:ExampleYou can try to run the following code to learn how to work with the background-repeat property:                    body {             background-image: url("/images/seaborn-4.jpg?v = 2");             background-repeat: repeat;          }                     Tutorials Point    

You can use the background property to set all the background properties at once such as background image position, repeat, etc:Example                            This parapgraph has fixed repeated background image.