Trusted answers to developer questions
Trusted Answers to Developer Questions

Related Tags

css
community creator
border

What is the CSS border-bottom property?

Behzad Ahmad

Grokking Modern System Design Interview for Engineers & Managers

Ace your System Design Interview and take your career to the next level. Learn to handle the design of applications like Netflix, Quora, Facebook, Uber, and many more in a 45-min interview. Learn the RESHADED framework for architecting web-scale applications by determining requirements, constraints, and assumptions before diving into a step-by-step design process.

The border-bottom property in CSS is used to set the properties of the bottom border of a box.

It is a shorthand property of the following:

  • border-bottom-width
  • border-bottom-color
  • border-bottom-style

Syntax

border-bottom: border-width border-style border-color|initial|inherit;

Property values

  • border-bottom-color: Sets or defines the color of the bottom border.

  • border-bottom-style: Specifies any style of the bottom border; the default value is none.

  • border-bottom-width: Specifies the width of the bottom border; the default value is medium.

  • initial: Sets the value to its default value.

  • inherit: Inherits property from its parent value.

Example

The example below demonstrates the use of the border-bottom property. We use the border-bottom property to define the border to be nine pixels thick, dotted, and red.

RELATED TAGS

css
community creator
border

Grokking Modern System Design Interview for Engineers & Managers

Ace your System Design Interview and take your career to the next level. Learn to handle the design of applications like Netflix, Quora, Facebook, Uber, and many more in a 45-min interview. Learn the RESHADED framework for architecting web-scale applications by determining requirements, constraints, and assumptions before diving into a step-by-step design process.

Keep Exploring