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


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.