Border style all values

   


<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>A CSS Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style rel="stylesheet" type="text/css">
body {
  font-family: arial, verdana, sans-serif;
}

p {
  border-color: #000000;
}

.none {
  border-style: none;
}

.solid {
  border-style: solid;
}

.dotted {
  border-style: dotted;
}

.dashed {
  border-style: dashed;
}

.double {
  border-style: double;
}

.groove {
  border-style: groove;
}

.ridge {
  border-style: ridge;
}

.inset {
  border-style: inset;
}

.outset {
  border-style: outset;
}

.hidden {
  border-style: hidden;
}
</style>
</head>

<body>
<p class="none">This paragraph has a border-style property set to none.</p>
<p class="solid">This paragraph has a border-style property set to solid.</p>
<p class="dotted">This paragraph has a border-style property set to dotted.</p>
<p class="dashed">This paragraph has a border-style property set to dashed.</p>
<p class="double">This paragraph has a border-style property set to double.</p>
<p class="groove">This paragraph has a border-style property set to groove.</p>
<p class="ridge">This paragraph has a border-style property set to ridge.</p>
<p class="inset">This paragraph has a border-style property set to inset.</p>
<p class="outset">This paragraph has a border-style property set to outset.</p>
<p class="hidden">This paragraph has a border-style property set to hidden.</p>
</body>
</html>

Related examples in the same category

1.	The border-style Property
2.	'border-style' Example
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

Border style all values : border style « CSS « HTML / CSS

Related examples in the same category