Found 598 Articles for Front End Scripts

Which property is used in CSS to control the position of an image in the background?

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

593 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    

Which property is used in CSS to control the repetition of an image in the 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    

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    

Usage of background-repeat property in CSS

radhakrishna
Updated on 30-Jan-2020 08:52:21

113 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 don't 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    

Set the background color of an element with CSS

karthikeya Boyini
Updated on 30-Jan-2020 08:51:24

380 Views

To set the background color of an element, use the background-color property.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.          

What is pica? How to set the font size in CSS using pica?

Samual Sam
Updated on 30-Jan-2020 08:50:41

829 Views

A pica is equivalent to 12 points; thus, there are 6 picas per inch. You can try to run the following code to set font size using pica (pc):Example                            This div has font size set in pica.          

How to set font size using CSS Measurement Unit vmin?

mkotla
Updated on 30-Jan-2020 08:43:49

216 Views

To set font size with CSS Measurement Unit vmin, try to run the following code:                            This div has relative positioning.          

Which Measurement Unit should be used in CSS to set letter spacing

Lakshmi Srinivas
Updated on 30-Jan-2020 08:45:13

851 Views

To set letter spacing with CSS, use the em measurement unit.A relative measurement of the height of a font is em spaces. Because an em unit is equivalent to the size of a given font, if you assign a font to 12pt, each "em" unit would be 12pt; thus, 2em would be 24pt.ExampleYou can try to run the following code to use CSS to set letter spacing:                            This div has relative positioning.          

CSS Measurement Units

usharani
Updated on 30-Jan-2020 08:25:48

288 Views

CSS supports a number of measurements including absolute units such as inches, centimeters, points, and so on, as well as relative measures such as percentages and em units. You need these values while specifying various measurements in your Style rules.The following are the CSS Measurement Units along:UnitDescriptionExample%Defines a measurement as a percentage relative to another value, typically an enclosing element.p {font-size: 16pt; line-height: 125%;}cmDefines a measurement in centimeters.div {margin-bottom: 2cm;}emA relative measurement for the height of a font in em spaces. Because an em unit is equivalent to the size of a given font, if you assign a font to ... Read More

How to add comments in the style sheet blocks

Samual Sam
Updated on 30-Jan-2020 08:44:26

250 Views

You may need to put additional comments in your stylesheet blocks. Therefore, it is very easy to comment any part of the style sheet. You can simply put your comments inside /*.....this is a comment in style sheet.....*/.You can use /* ....*/ to comment multi-line blocks in a similar way you do in C and C++ programming languages.Let us see how to add a comment:                    p {             color: red;             /* This is a single-line comment */             text-align: center;          }          /* This is a multi-line comment */                     Hello World!    

Advertisements