CSS Border

Css allows you to set styles for the border of any HTML element. It also provides you with a way of setting border styles for one or more sides of an element.
Setting Borders on all sides.
border-width
border-style
border-color



 Border style:
The border-style property specifies what kind of border to display.
border-style values are as follows:
none: Defines no border
dotted: Defines a dotted border
dashed: Defines a dashed border
solid: Defines a solid border
double: Defines two borders. The width of the two borders are the same as the border-width value
groove: Defines a 3D grooved border. The effect depends on the border-color value
ridge: Defines a 3D ridged border. The effect depends on the border-color value
inset: Defines a 3D inset border. The effect depends on the border-color value
outset: Defines a 3D outset border. The effect depends on the border-color value

Border Width

The border-width property is used to set the width of the border.
The width is set in pixels, or by using one of the three pre-defined values: thin, medium, or thick.
Note: The “border-width” property does not work if it is used alone. Use the “border-style” property to set the borders first.

Border Color

The border-color property is used to set the color of the border. The color can be set by:

• name – specify a color name, like “red”
• RGB – specify a RGB value, like “rgb(255,0,0)”
• Hex – specify a hex value, like “#ff0000″

You can also set the border color to “transparent”.
Note: The “border-color” property does not work if it is used alone. Use the “border-style” property to set the borders first.