The border-style Property : border style : CSS Attributes and Javascript Style Properties HTML CSS TUTORIALS

HTML CSS TUTORIALS » CSS Attributes and Javascript Style Properties » border style »

The border-style Property


 

Value       Description

none        No border. (Equivalent of border-width:0;)

solid       Border is a single solid line.

dotted      Border is a series of dots.

dashed      Border is a series of short lines.

double      Border is two solid lines; the value of the border-width property creates the sum of the two lines and the space between them.

groove      Border looks as though it is carved into the page.

ridge       Border looks the opposite of groove.

inset       Border makes the box look like it is embedded in the page.

outset      Border makes the box look like it is coming out of the canvas.

hidden      Same as none, except in terms of border-conflict resolution for table elements. (See section on tables.)