CSS outline-style

dotted - A series of round dots.

dashed - A series of square-ended dashes.

solid - A single line segment.

double - Two parallel solid lines with some space between them. When using this value, the border-width value determines the sum of the lines and the space between them.

groove - Looks as if it were carved in the canvas.

ridge - Looks as if it were coming out of the canvas.

inset - Looks as if the content on the inside of the border is sunken into the canvas. Treated as ridge in the collapsing border model.

outset - Looks as if the content on the inside of the border is coming out of the canvas. Treated as groove in the collapsing border model.