Home → References → CSS Properties →

CSS Property: border-width, border-top-width, border-right-width, border-bottom-width, border-left-width

border-width specifies the width of a boxes complete border.

border-top-width specifies the width of a boxes top border.

border-right-width specifies the width of a boxes right border.

border-bottom-width specifies the width of a boxes bottom border.

border-left-width specifies the width of a boxes left border.

HTML Dog, The Book HTML Dog book cover

HTML Dog is hosted by Titan Internet

Possible Values

  • [length]
  • thin
  • medium
  • thick
  • border-width can have:
    • one value, such as 10px, to specify the width of the entire border
    • two values, such as 10px 5px, to specify the width of top/bottom (first value) and right/left (second value) borders
    • three values, such as 10px 5px 2px, to specify the width of top (first value), right/left (second value) and bottom (third value) borders
    • four values, such as 10px 5px 2px 1px, to specify the width of top, right, bottom and left borders respectively

Example


#bender { border-left-width: 2px; }

#fry { border-width: 1px 4px 1px 100px; }