Front End Scripts Articles - Page 12 of 60

The width property is used to set the width of an image. This property can have a value in length or in %. While giving value in %, it applies it in respect of the box in which an image is available.ExampleYou can try to run the following code to set the width of an image:                                  

The border-right-color property changes the color of the right border.ExampleYou can try to run the following code to implement the border-right-color property                    p.demo {             border:3px solid;             border-right-color:#FF0000;          }                              Example showing border right color property          

To style images with CSS, you need to use properties such as height, width, - moz-opacity, etc. Let us see how to create a transparent image with - moz-opacity CSS property:The -moz-opacity property of an image is used to set the opacity of an image. This property is used to create a transparent image in Mozilla. IE uses filter:alpha(opacity=x) to create transparent images.ExampleYou can try to run the following code to style an image and set opacity with CSS:                      

The border property is used to set the width of an image border. This property can have a value in length or in %. A width of zero pixels means no border.ExampleYou can try to run the following code to set the width of image border:                                  

Use the letter-spacing property to set the space between characters. You can try to run the following code to implement letter-spacing property:Example                            Asia is a continent.          

Use the text-indent property to indent the first line of a paragraph. Possible values are % or a number specifying indent space.ExampleYou can try to run the following code to indent the first line:                            This text will have first line indented by 2cm and this line will remain at          its actual position this is done by CSS text-indent property.          

The text-align property is used to align the text of a document. Possible values are left, right, center, justify.ExampleYou can try to run the following code to implement text-align property:                            This will be right aligned.                      This will be center aligned.                      This will be left aligned.          

Use the text-shadow property to set the shadow around a text. You can try to run the following code to learn how to set the shadow around the text in CSS:Example                            If your browser supports the CSS text-shadow property, this text will have a green shadow.          

To decorate a text in CSS, use the text-decoration property. The following example demonstrates how to decorate a text. Possible values are none, underline, overline, line-through, blink.                            This will be underlined                      This will be striked through.                      This will have a over line.                      This text will have blinking effect          

The letter-spacing property is used to add or subtract space between the letters that make up a word. Possible values are normal or a number specifying space.                            This text is having space between letters.