1. border-width (thin, medium, thick, or length)
2. border-style (none, hidden, dotted, dashed, solid, double, groove, ridge, inset, or outset), and
3. border-color (any color value)

Using the composite version, the style attribute would appear as:

<tag style="border:border style value border color value border width value;"...>

Alternatively you can also specify each attribute separately:

<tag style="border-style:border style value;border-color:border color value;border-width:border width value;"...>

• #rrggbb (e.g., #00aa00 -- three 2 hexadecimal character hexadecimal (00 thru ff) for red green and blue)
• #rgb (e.g., #0c0 -- each single hexadeecimal digit is double up, so #48a is converted to #4488aa)
• rgb(x,y,z) where x,y and z are integer betweens 0 and 255 inclusive corresponding to none(0) to maximum intensity(255) for red green then blue (e.g., rgb(204,0,0) is a medium bright red)
• rgb(y%,y%,y%) where y is a number between 0.0 and 100.0 inclusive (e.g., rgb(0%,80%,0%))
• color names
  click here for the 16 CSS 1 Color Names (17 if you count orange)
  click here for the 147 CSS 2 Color Names

The four borders (top, right, bottom and left can be specified specifically by:

1. border-top:border_style_value border_color_value border_width_value;"...
2. boder-right:border_style_value border_color_value border_width_value;"...
3. border-bottom:border_style_value border_color_value border_width_value;"...
4. border-left:border_style_value border_color_value border_width_value;"...

Note: this is a composite property for all four border styles (i.e., border-top-style, border-right-style, border-bottom-style, border-left-style).

1. If one value is used for border-style, then the value applies to all four borders.
2. If two values are used for border-style, then the first value applies top and bottom, the second to left and right borders.
3. If three values are used for border-style, then the first value applies top, the second to right, and the third to the bottom. The missing value for the left border-color is then copied from the right's value.
4. If four values is used for border-style, then the values apply to top, then right, then bottom, then left (this is clockwise from the top).

Note: this is a composite property for all four border-widths (i.e., border-top-width, border-right-width, border-bottom-width, border-left-width).

1. if one value is used for border-width, then the value applies to all.
2. If two values are used for border-width, then the first value applies top and bottom, the second to left and right.
3. If three values are used for border-width, then the first value applies top, the second to right, and the third to the bottom. The missing value for the left border-width is then copied from the right's value.
4. If four values is used for border-width, then the values apply to top, then right, then bottom, then left (this is clockwise from the top).

• border-top
  • border-top-color:border_color_value;
  • border-top-style:border_style_value;
  • border-top-width:border_width_value;
• border-right
  • border-right-color:border_color_value;
  • border-right-style:border_style_value;
  • border-right-width:border_width_value;
• border-bottom
  • border-bottom-color:border_color_value;
  • border-bottom-style:border_style_value;
  • border-bottom-width:border_width_value;
• border-left
  • border-left-color:border_color_value;
  • border-left-style:border_style_value;
  • border-left-width:border_width_value;