Febrero 7th, 2009 por martin

borde punteado

Los links de cualquier página HTML cuando son clickeados o seleccionados, se visualizan en los navegadores con un borde punteado alrededor (como  se muestra en la imágen superior). Editando la hoja de estilos CSS se puede eliminar.

Para hacerlo, agregamos lo siguiente:

a{
outline-style: none;
}

En caso de que necesitemos eliminar esta línea punteada de un elemento específico (por ejemplo de una imágen), el código sería:

img a{
outline-style: none;
}

Además de eliminarla, podemos modificarla. Los atributos que acepta son: dotted (punteada, por defecto), dashed (línea a rayas), solid (línea uniforme), double (línea doble), groove, ridge, inset y outset (efectos 3D con sombra).

Otra manera de editarla es cambiandole el color con el atributo outline-color:

a{
outline-color: #333333;
}

2 respuestas a “Eliminar borde punteado de links con CSS”

  1. Interesante. Algun día lo voy a nesecitar. Saludos !

  2. martin dijo:

    A las órdenes Ricardo.

    Salú

Escribir un comentario