Border

<p class="dotted">A dotted border.</p>
<p class="dashed">A dashed border.</p>
<p class="solid">A solid border.</p>
<p class="double">A double border.</p>
<p class="groove">A groove border.</p>
<p class="ridge">A ridge border.</p>
<p class="inset">An inset border.</p>
<p class="outset">An outset border.</p>
<p class="none">No border.</p>
<p class="hidden">A hidden border.</p>
<p class="mix">A mixed border.</p>


p {
	border-color: white;
	border-width: 6px;
	padding: 20px !important;
	text-align: center;
}

p.dotted { border-style: dotted; }
p.dashed { border-style: dashed; }
p.solid { border-style: solid; }
p.double { border-style: double; }
p.groove { border-style: groove; }
p.ridge { border-style: ridge; }
p.inset { border-style: inset; }
p.outset { border-style: outset; }
p.none { border-style: none; }
p.hidden { border-style: hidden; }
p.mix { border-style: dotted dashed solid double; }

A dotted border.

A dashed border.

A solid border.

A double border.

A groove border.

A ridge border.

An inset border.

An outset border.

No border.

A mixed border.

border-radius

border-radius: 20px;
border-radius: 20%;
border-radius: 5px 10px 15px 20px;
border-radius: 0 20px 0 0;
border-radius: 30px / 10px;
border-radius: 50%;
border: 20px double DeepSkyBlue;   border-radius: 10px;
border: 20px double;   border-color: OrangeRed LimeGreen BlueViolet Gold;   border-radius: 10px;
border-radius: 50%;