The CSS border shorthand is a simple one and allows you to combine border-width, border-style and border-color into one property:

				
					
border: 5px dashed #DF5B9C;

				
			

Each side also has a shorthand:

				
					
border-bottom: 2px solid #00BDA7;

				
			

Border-style

css border illustration for: Border-style

border-style can take one of the following values: dashed, dotted, double, groove, ridge, inset, outset, solid, hidden, none, initial or inherit.