CSS Border Properties

Posted The: 24/03/2008 At: 0:58

Last Edited: 15/08/2008 At: 18:24

Ok this is a mess, beginners should stay focused, you really just need to know the short-hand specification border.

If you however need to apply different styles for each border, they luckily got named in a way, so that they are easy to remember.

Border-width Specifications

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

Border-color Specifications

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

Border-style Specifications

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

Short-hand Specifications

Note: It is recommended to use these.

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

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

Comments: [0]

Tutorials

References

Brugbart

Language

© Brugbart Webdesign