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
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.
Note: The “border-color” property does not work if it is used alone. Use the “border-style” property to set the borders first.
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″
Note: The “border-color” property does not work if it is used alone. Use the “border-style” property to set the borders first.
Comments
Post a Comment