Borde con líneas discontinuas

09/Jul/2007 CSS 1 Comentario

Mediante CSS podemos manipular los bordes de los elementos HTML de una forma muy sencilla. La propiedad CSS que nos permite indicar que tipo de borde queremos es border-style.

En el caso que queramos utilizar un borde con líneas discontinuas, el valor a aplicar es "dashed".

Lo primero que tenemos que hacer es definir el estilo. Para ello, podemos crearnos un estilo propio, o bien aplicárselo directamente a uno de los elementos.

En el caso que queramos definir un estilo lo haremos de la siguiente forma:

  1. .borde_discontinuo{
  2. border-style:dashed;
  3. }

y en el caso de aplicarlo sobre un elemento (en nuestro caso una tabla) lo haremos de la siguiente forma:

  1. table{
  2. border-style:dashed;
  3. }

Para aplicar estos estilos deberemos de utilizar el atributo class sobre el elemento que queramos aplicar el estilo. Por ejemplo, si queremos utilizar sobre una imagen, tendríamos la siguiente línea de código:

  1. <img src="lineadecodigo.miniatura.jpg" class="borde_discontinuo">

En el caso de que hayamos definido el estilo sobre un elemento, simplemente tendremos que utilizar el elemento HTML en nuestra página web.

Vídeos sobre CSS


Difunde el Conocimiento

Si te ha gustado el artículo o te ha sido de utilidad, no dejes de compartirlo con tus amigos en las redes sociales... Te estaremos muy agradecidos. :-D