CSS border-bottom-style

The border-bottom-style property in CSS is used to set the style of the bottom border of an element. This property can have the following values:

• none: No border is displayed
• dotted: A dotted border is displayed
• dashed: A dashed border is displayed
• solid: A solid border is displayed
• double: A double border is displayed

Let's see some examples of how to use the border-bottom-style property:

    
Dotted border bottom
    
Dashed border bottom
    
Solid border bottom
    
Double border bottom
  

In the example above, we have applied different border-bottom-style values to the paragraphs to demonstrate how each style affects the appearance of the bottom border.