CSS: border-style property

December 2016



Simple effect on the edges


You can set up simple effects with CSS, such as as a dotted border.

border-style: value;


Possible values:
  • dashed
  • dotted
  • double
  • groove
  • hidden
  • inset
  • none
  • outset
  • ridge
  • solid

Note that


In your statements, always set the "border-style" before the "border-color" property. Indeed, a border should be materialized before being colored.

Working with the size


You can set the size of an edge with the property:

border-width: value;


Possible values:
  • Length
  • Thin
  • Medium
  • Thick

More


A short summary of the property in image:

Source: Css Débutant





Related :

This document entitled « CSS: border-style property » from CCM (ccm.net) is made available under the Creative Commons license. You can copy, modify copies of this page, under the conditions stipulated by the license, as this note appears clearly.