The border-style Property : border style « CSS « HTML / CSS






  1. HTML / CSS
  2. CSS
  3. 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.)








Related examples in the same category

1.'border-style' Example
2.Border style all values
3.border style shorthand with three values
4.border-style: solid dotted;
5.border style shorthand with two values
6.border-style: hidden
7.border-style: dotted
8.border-style: dashed
9.border-style: solid
10.border-style: groove
11.border-style: ridge
12.border-style: inset
13.border-style: outset
14.border-style: none
15.border-style: solid dashed double dotted;
16.border-style: solid dashed dotted;
17.border-style: solid dashed double inset;
18.border-style: solid; border-width: 5px;
19.border-style: double; border-width: medium;
20.All border styles
21.border-style: hidden;
22.border-style: double
23.border-style: none
24.border-style: solid dashed double dotted
25.Various border-styles
26.When no border-color is specified, the border color is the value of the color property.
27.Individual border-style properties can be combined into a single property.
28.Shading border for paragraph
29.Use different border style to highlight
30.Border styles, color and size