CSS Border Properties

Reference list on the CSS Border Properties

The border properties of CSS are used to create borders on elements. If you want to use images as borders, then see: BlueBoden's BorderTechnique with Images

Its recommended that you use the short-hand properties whenever possible. Using the short-hand properties, can help reduce the file-size of your External CSS StyleSheets, and can make it faster to type in the declarations.

Short-hand Border properties

Note. It is recommended to use these.

  1. border
  2. border-top
  3. border-right
  4. border-bottom
  5. border-left

Note. Theres also an article called Creating Borders covering basic usage of the short-hand properties.

Border-width properties

  1. border-width
  2. border-top-width
  3. border-right-width
  4. border-bottom-width
  5. border-left-width

Border-color properties

  1. border-color
  2. border-top-color
  3. border-right-color
  4. border-bottom-color
  5. border-left-color

Border-style properties

  1. border-style
  2. border-top-style
  3. border-right-style
  4. border-bottom-style
  5. border-left-style

Border-radius properties

  1. border-radius