Set the Font Style with CSS

radhakrishna
Updated on 30-Jan-2020 09:22:11

200 Views

To set the font style, use the font-style property. Set the font to italic, normal and oblique.ExampleYou can try to run the following code to set the font-style to italic with CSS:                            Europe, Australia, South America are continents.          

Set the Background Attachment with CSS

Ramu Prasad
Updated on 30-Jan-2020 09:21:35

104 Views

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

Set Background Image Position with CSS

mkotla
Updated on 30-Jan-2020 09:20:57

579 Views

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    

Usage of Background Color Property in CSS

Sravani S
Updated on 30-Jan-2020 09:20:25

130 Views

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.    

Repeat Background Image with CSS

seetha
Updated on 30-Jan-2020 09:19:53

381 Views

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    

CSS Property for Controlling Background Image Scrolling

Prabhas
Updated on 30-Jan-2020 08:56:27

864 Views

To set the scrolling of an image in the background, use the background-attachment property.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;             background-attachment:scroll;          }.                     The background-image is fixed. Try to scroll down the page. ... Read More

Usage of Background Image Property in CSS

karthikeya Boyini
Updated on 30-Jan-2020 08:55:46

162 Views

The background-image property is used to set the background image of an element.ExampleYou can try to run the following code to learn how to work with the background-image property:                    body {             background-image: url("/latest/inter-process-communication.png");             background-color: #cccccc;          }                      Hello World!          

CSS Property for Controlling Image Repetition in Background

Samual Sam
Updated on 30-Jan-2020 08:54:53

1K+ Views

To control the repetition of an image in the background, use the background-repeat property. 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("/css/images/css.jpg");             background-repeat: repeat;          }                     Tutorials Point    

CSS Property to Control Background Image Position

Giri Raju
Updated on 30-Jan-2020 08:54:23

625 Views

To control the position of an image in the background, use the background-position property.ExampleYou can try to run the following code to learn how to work with the background-position property. It sets the background image position 30 pixels away from the left side:                    body {             background-image: url("/css/images/css.jpg");             background-position:30px;          }                     Tutorials point    

Usage of Background Position Property in CSS

Sreemaha
Updated on 30-Jan-2020 08:53:42

112 Views

The background-position property is used to control the position of an image in the background.ExampleYou can try to run the following code to learn how to work with the background-position property. It sets the background image position 30 pixels away from the left side:                    body {             background-image: url("/css/images/css.jpg");             background-position:30px;          }                     Tutorials point    

Advertisements