|
Propiedades de los 4 bordes - border-style: |
|
|
|
martes, 01 de agosto de 2006 |
|
Aplicamos las distintas propiedades a los cuatro bordes de un texto.
border-style: dotted - Puntuado
border-style: dashed - Rayado
border-style: solid - Solido
border-style: double - Doble
border-style: groove - Partido
border-style: ridge - Completo
border-style: inset - Interior
border-style: outset - Exterior
Codigo:
<!-- El codigo ha sido proporcionado: http://www.tutores.org -->
<a href="http://www.tutores.org">Codigo ofrecido por Tutores.org</a>
<head>
<style type="text/css">
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}
</style>
</head>
<body>
<p class="dotted">
Borde de puntos</p>
<p class="dashed">
Borde rayado</p>
<p class="solid">
Borde Solido</p>
<p class="double">
Borde Doble</p>
<p class="groove">
Borde partido</p>
<p class="ridge">
Borde completo</p>
<p class="inset">
Borde interior</p>
<p class="outset">
Borde exterior</p>
</body>
Fuente: tutores.org |