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

CSS border-width

Also see the full, alphabetical list of CSS properties


The CSS border-width property is CSS shorthand for setting the width on all borders 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 width to all four sides.

Syntax: border-width: <border-width1>, <border-width2> ...
Possible Values:
  • thin
  • medium
  • thick
  • length (i.e. 1px)
  • inherit
Initial Value: See individual properties
Applies to: All elements.
Inherited: No
Media: Visual
Example: div.border-width {border-width:thin medium thick 30px}
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!