Quackit Logo
HTML
CSS
Scripting
Database
Hosting
Design
XML
IMCreator - Free Website Builder

CSS border-bottom-style

Also see the full, alphabetical list of CSS properties


The CSS border-bottom-style property allows you to set the style of a bottom border.

You can also use border-style to set the style for all sides of your element.

Note: You will also need to specify border-bottom-color and border-bottom-width before your border-bottom-style is displayed.

Syntax: border-bottom-style: <border-style>
Possible Values:
  • none
  • hidden
  • dotted
  • dashed
  • solid
  • double
  • groove
  • ridge
  • inset
  • outset
  • inherit
Initial Value: None
Applies to: All elements.
Inherited: Yes
Media: Visual
Example: div.border-style {border-bottom-style:dotted}
Try it yourself!


Also see all CSS properties listed alphabetically


Enjoy this page?

  1. Link to this page (copy/paste into your own website or blog):
  2. Link to Quackit using one of these banner ads.

Thanks for supporting Quackit!