Found 609 Articles for Front End Scripts

The caption-side property allows you to specify where the content of a element should be placed in relationship to the table.ExampleThis property can have one of the four values top, bottom, left or right. Let us seen an example to learn how to implement caption-side property:                    caption.top {             caption-side:top          }          caption.bottom {             caption-side:bottom          }                                           Countries (Top Caption)                     India           UK           US           Australia                                         Countries (Bottom caption)                     India           UK           US           Australia                

The border-spacing specifies the width between table cells. It can take either one or two values; these should be units of length.ExampleYou can try to run the following code to set the width of table cells:                    table.one {             border-collapse:separate;             width:300px;             border-spacing:15px 40px;          }                              The border-spacing property           India           UK                

The border-collapse specifies whether the browser should control the appearance of the adjacent borders that touch each other or whether each cell should maintain its style.ExampleYou can try to run the following code to learn how to work with border-collapse property                    table.one {             border-collapse:collapse;          }          table.two {             border-collapse:separate;          }          td.a {             border-style:dotted;             border-width:2px;             border-color:#000000;             padding: 20px;          }          td.b {             border-style:solid;             border-width:2px;             border-color:#333333;             padding:20px;          }                              Border Collapse           India           Australia                            Border Separate           India           Australia          

To create a transparent image, use the CSS -moz-opacity property. You can try to run the following code to style an image and set opacity with CSS:Example                      

To change the color of a link when we bring a mouse pointer over that link, use the: hover property.ExampleYou can try to run the following code to change the link color:                    a:hover {             color: #FFCC00          }                     My Link    

To set the color of visited link, use the :visited property in CSS. You can try to run the following code to set the visited color link                    a:visited {             color: #FF0000          }                     My Link    

The padding property sets the left, right, top and bottom padding (space) of an element.ExampleYou can try to run the following code to implement padding property.                             All four padding will be 25px                      Top and bottom padding will be 20px, left and right padding will be 4% of the total width of the document.                      Top padding will be 15px, left and right padding will be 3% of the total width of the document, bottom padding will be 10px          

The padding-right specifies the right padding of an element. It sets the right padding of an element. This can take a value in terms of length of %.                            This is a paragraph with a specified right padding                      This is another paragraph with a specified right padding in percent          

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                      

To set the opacity of an image, use the CSS -moz-opacity property. 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: