Enlever les pointillés des liens avec du CSS

Publié le 21 janvier 2010 par Mandonnaud

Petit détail que ces pointillés, mais détaille qui fait tache et une tache sur un Van Gogh, on est d’accord, ça craint ?

Ce que nous voulons supprimer, donc, ce sont les pointillés qui entourent les liens comme sur cette image :

Supprimer ce contour pointilleux avec outline

Pour les faire disparaitre, rien de très sorcier, juste une propriété CSS :

a {   outline: none; }

A quoi sert la propriété css : outLine

La propriété css outline permet de spécifier les propriétés des quatre contours d’un élément exactement comme un border.

C’est quoi la différence alors entre outline et border ?

La différence, ces contours viennent au dessus de l’élément et n’interviennent pas dans la taille de l’élément.

Exemple :

<div style="border:3px #F00 solid; outline:3px solid #FC0; width:100px; height:100px;"></div>

Plus d’informations

Source : guillaumebizet.fr & zoneCSS

http://www.guillaumebizet.fr/post/2008/07/29/%5BCSS%5D-Enlever-les-pointilles-des-liens

Aucun.