Found 598 Articles for Front End Scripts

Set width between table cells with CSS

Samual Sam
Updated on 31-Jan-2020 09:59:56

252 Views

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                

Usage of CSS border-collapse property

Chandu yadav
Updated on 31-Jan-2020 07:31:10

55 Views

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          

Create a transparent image with CSS

Ankith Reddy
Updated on 31-Jan-2020 06:57:33

215 Views

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                      

Change the Color of Link when a Mouse Hovers

karthikeya Boyini
Updated on 31-Jan-2020 06:59:42

1K+ Views

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    

Set the Color of Visited Links with CSS

George John
Updated on 31-Jan-2020 07:00:11

532 Views

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    

CSS padding property

Samual Sam
Updated on 31-Jan-2020 06:56:55

199 Views

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          

CSS padding-right property

Arjun Thakur
Updated on 31-Jan-2020 06:56:10

209 Views

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          

Usage of -moz-opacity property with CSS

Chandu yadav
Updated on 31-Jan-2020 06:54:52

798 Views

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                      

Set the opacity of an image with CSS

karthikeya Boyini
Updated on 31-Jan-2020 06:53:54

212 Views

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:                      

Usage of height property with CSS

Ankith Reddy
Updated on 31-Jan-2020 06:53:26

132 Views

The height property is used to set the height 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 height of an image:                                  

Advertisements