The border property defines the color, width, and style of an element’s borders on all sides in CSS. Each value could be separately set.

border: 1px solid #333333;
Values:
• color
• style
• width

Border Color
The border-color property could be applied to individually set the color of a border.
border-color: value;
Values:
• color name
• hexadecimal number
• RGB color code
• transparent

Border Style
The border style could also be individually set with the border-style property.
border-style: value;
Values:
• dashed
• dotted
• double
• groove
• hidden
• inset
• none
• outset
• ridge
• solid

Border Width
Define the width of a border based on your preferred value with the border-width property. The elements on each border side could also be set independently.
border-width: value;
Values:
• Length
• Thin
• Medium
• Thick

Border Bottom
The border-bottom property enables the definition of style, color, and width of the bottom border surrounding an element with only a single declaration. Each value could be affixed individually.
border-bottom: 1px solid #333333;
Values:
• color
• style
• width

Border Bottom Color
Use the border-bottom color property to set the color of the bottom border that contains an element.
border-bottom-color: value;

Border Bottom Style
Define the style of a bottom border around an element using the border-bottom style property.
border-bottom-style: value;

Border Bottom Width
Use the border-bottom-width property to specify the width of the border surrounding an element.
border-bottom-width: value;

Border Left
Specify the width, color, and style of the left border around a targeted element using the border-left property. Each value could be set independently.
border-left: 1px solid #333333;
Values:
• color
• style
• width

Border Left Color
Determine the color of a border to the left of an element using the border-left-color property.
border-left-color: value;

Border Left Style
The border-left-style property styles the border to the left of an element.
border-left-style: value;

Border Left Width
The border-left-width property is used to set the width of the border to the left of an element.
border-left-width: value;

Border Right
Use the border-right property to determine the style, color, and width of a border to the right of an element. Each value can be specified independently.
border-right: 1px solid #333333;
Values:
• color
• style
• width

Border Right Color
The border-right-color property enables you to assign the color of your choice to the border to the right of an element.
border-right-color: value;

Border Right Style
Use the border-right-style property to set the style of the border to the right of an element.
border-right-style: value;

Border Right Width
The border-right-width property is used to specify the width of the border to the right of an element.
border-right-width: value;

Border Top
Use the border top property to assign the style, width, and color of an element’s top border with only a single declaration. You could opt to assign each value separately.
border-top: 1px solid #333333;
Values:
• color
• style
• width

Border Top Color
Assign the color of an element’s top border with the border-top-color property.
border-top-color: value;

Border Top Style
Style the top border of an element with the border-top-style property.
border-top-style: value;

Border Top Width
Using the border-top-width property, assign the preferred width of the top border around the targeted element.
border-top-width: value;

Tags: CSS Border Property