Menu
  1. Accueil
  2. How To
  3. Webmaster
  4. CSS
Thanks
1
Thanks

A few words of thanks would be greatly appreciated.

CSS: border-style property

Latest update on by jak58 .


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




Thanks
1
Thanks

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).

0 Comments