Quackit Logo
HTML
CSS
Scripting
Database
Hosting
Design
XML

Print Version

CSS border-style

Also see the full, alphabetical list of CSS properties


The CSS border-style property allows you to set the border style on all sides of an element. You can supply from one to four values. Each value specifies the style for each side of the element. For example, if four values are provide, they will apply to the top, right, bottom and left borders - in that order. Supplying one value applies the style to all four sides.

Syntax: border-style: <border-style1>, <border-style2> ...
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-style:dotted dashed solid double}
Try it yourself!


Also see all CSS properties listed alphabetically


Enjoy this website?

  • Share
  • Add this page to your Favorites
  • Link to this page (copy/paste into your own website or blog):
  • Link to Quackit using one of these banner ads.
  • Help support Quackit by making a donation

Oh, and thank you for supporting Quackit!

© Copyright 2000 - 2010 Quackit.com