1. Different border-styles in varying widths:

solid





double





inset





outset





ridge





groove





dotted





dashed










2.- Mixed styles and single-style progressive width:


solid 1px

dotted solid dashed double

dotted solid dashed

dotted solid

dotted

solid dotted

none

hidden

solid 1px

groove

double

ridge

inset

outset

double ridge

groove double

solid 1px

inset 1px

inset 2px

inset 3px

inset 4px

inset 5px

inset 6px

inset 7px

solid 1px

double 1px

double 2px

double 3px

double 4px

double 5px

double 6px

double 7px

solid 1px

dotted 1px

dotted 2px

dotted 3px

dotted 4px

dotted 5px

dotted 6px

dotted 7px

solid 1px

dashed 1px

dashed 2px

dashed 3px

dashed 4px

dashed 5px

dashed 6px

dashed 7px

solid 1px

ridge 1px

ridge 2px

ridge 3px

ridge 4px

ridge 5px

ridge 6px

ridge 7px

solid 1px

groove 1px

groove 2px

groove 3px

groove 4px

groove 5px

groove 6px

groove 7px

solid 1px

solid 1px

solid 2px

solid 3px

solid 4px

solid 5px

solid 6px

solid 7px