css3 : éléments divers

.dotted {border-style: dotted; border-color: red;}
.dashed {border-style: dashed;border-width:3px;}
.solid {border-style: solid;border-width:15px; border-color: red green blue yellow;border-radius:13px;}
.double {border-style: double;}
.groove {border-style: groove;border-color: green black;}
.ridge {border-style: ridge;border-color: blue red  black;}
.inset {border-style: inset;}
.outset {border-style: outset;}
.none {border-style: none;}
.hidden {border-style: hidden;}
.mix {border-style: dotted dashed solid double;}

<p class="dotted">dotted border.  border-color: red;</p>
<p class="dashed">dashed border. border-width: 3px;</p>
<p class="solid">solid border. border-color: red green blue yellow; border-radius:13px;</p>
<p class="double">double border.</p>
<p class="groove">groove border. The effect depends on the border-color value. border-radius:normal border-color: green black;</p>
<p class="ridge">ridge border. The effect depends on the border-color value.border-radius:round border-color: blue red  black</p>
<p class="inset">inset border. The effect depends on the border-color value. border-radius:rounder</p>
<p class="outset">outset border. The effect depends on the border-color value. border-radius:roundest</p>
<p class="none">none border.</p>
<p class="hidden">hidden border.</p>
<p class="mix">A dotted dashed solid double border.</p>