CSS Property border-bottom

The border-bottom property may be a shorthand property accustomed specify the dimension, vogue and color of very cheap border of a component.

It is a shorthand property for the longhand properties: border-bottom-width, border-bottom-style and border-bottom-color properties of a component.

The border-bottom property will settle for one, 2 or 3 arguments as a value—omitted values ar set to their initial values.

CSS Property border-bottom Value

  • <line-width>
  • <line-style>
  • <color>


The width of the bottom border. confer with the border-bottom-width property entry for a list of possible values.


The style of the bottom border. refer to the border-bottom-style property entry for a listing of attainable values.


The color of the bottom border. refer to the border-bottom-color property entry for a listing of doable values.

Desktop Browser Support

Mobile Browser Support


    border-bottom: 1em;
    border-bottom: dotted deepPink;
    border-bottom: 1px dotted #eee;
    border-bottom: 10px solid #009966;

One comment

  1. Great write-up, I am regular visitor of one¦s website, maintain up the excellent operate, and It’s going to be a regular visitor for a long time.

Leave a Reply