By using this site you agree to the use of cookies by Brugbart and our partners.

Learn more

CSS Border-bottom Property

Reference on how to use the border-bottom property of CSS.

Edited: 2015-12-07 13:00

The border-bottom is the short-hand way of setting the border of the bottom-border.

Possible Thickness Values

  • thin
  • medium
  • thick

Read Units of Measurement to understand the values

Possible Style Values

  • none [no border]
  • hidden [same as none?]
  • dotted [dotted border]
  • dashed [dashed border]
  • solid [solid border]
  • double [Two borders, width of each is same as border-width value]
  • groove [3D-like effect, depends on border-color value]
  • ridge [3D-like effect, depends on border-color value]
  • inset [3D inset border. effect, depends on border-color value]
  • outset [3D outset border. effect, depends on border-color value]

Possible Color Values

Read the Colors entry in the reference to understand its many possible values.

Border-bottom Example

div {
  border: 1px dotted black;
}

Inherited? NO!