There are various types of borders then can be used around a div they are

  • solid
  • groove
  • dotted
  • ridge
  • dashed
  • inset
  • double
  • outset
  • dot-dash (not supported by all browsers)
  • dot-dot-dash(not supported by all browsers)
  • wave(not supported by all browsers)

The border width is in pixels, and the color can be either hex or color name.

Code for the border can be

border: border-style width color;

 each side of the border can be defined seperately by side, style, color or width

  • border: border-style width color; (does all 4 sides the same)
  • border-bottom: border-style width color;  (does only the bottom of the box with a give style width and color)
  • border-bottom: border-style; (defines only the bottom border style)
  • border-bottom: color; (defines only the bottom border color)
  • border-bottom: width; (defines only the bottom border width in pix)
  • border-left: border-style width color; (defines the left sides style, with, and color)
  • border-left: border-style; (defines only the left border style)
  • border-left: color; (defines only the left border color)
  • border-left: width; (defines only the left border width in px)
  • border-right: border-style color width; (defines the right border style, color and width in px)
  • border-right: border-style; (defines the right border style only)
  • border-right: color; (defines only the right border side color)
  • border-right: width (defines only the right border side width)
  • border-top: border-style color width; (defines the top border-style, color and width in px)
  • border-top: border-style; (defines the top border style)
  • border-top: color; (defines the top border color)
  • border-top width; (defines the top border width)



Comments (0)

500 characters remaining

Cancel or