Bordes (border)

Diferentes tipos (style) de bordes.

Código CSS


p.borde_none { border: none; }
p.borde_dotted { border: 2px dotted #89A725; }
p.borde_dashed { border: 2px dashed #89A725; }
p.borde_solid { border: 1px solid #89A725; }
p.borde_double { border: 4px double #89A725; }
p.borde_groove { border: 6px groove #89A725; }
p.borde_ridge { border: 6px ridge #89A725; }
p.borde_inset { border: 6px inset #89A725; }
p.borde_outset { border: 6px outset #89A725; }

Código XHTML


<p class="borde_none">Texto con borde none.</p>
<p class="borde_dotted">Texto con borde dotted.</p>
<p class="borde_dashed">Texto con borde dashed.</p>
<p class="borde_solid">Texto con borde solid.</p>
<p class="borde_double">Texto con borde double.</p>
<p class="borde_groove">Texto con borde groove.</p>
<p class="borde_ridge">Texto con borde ridge.</p>
<p class="borde_inset">Texto con borde inset.</p>
<p class="borde_outset">Texto con borde outset.</p>

Resultado

Texto con borde none.

Texto con borde dotted.

Texto con borde dashed.

Texto con borde solid.

Texto con borde double.

Texto con borde groove.

Texto con borde ridge.

Texto con borde inset.

Texto con borde outset.