A few words of thanks would be greatly appreciated.

CSS: border-style property

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


A few words of thanks would be greatly appreciated.

Ask a question
CCM is a leading international tech website. Our content is written in collaboration with IT experts, under the direction of Jean-François Pillou, founder of CCM.net. CCM reaches more than 50 million unique visitors per month and is available in 11 languages.
This document, titled « CSS: border-style property », is available under the Creative Commons license. Any copy, reuse, or modification of the content should be sufficiently credited to CCM (ccm.net).

Subscribe To Our Newsletter!

The Best of CCM in Your Inbox

Subscribe To Our Newsletter!