Enlever les pointillés des liens avec du CSS

21 jan 2010 css |

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

Article en rapport

  1. Un textarea qui se redimensionne avec Jquery
  2. Controler des projecteurs avec l’iphone et sunlite
  3. Sortie de jQuery 1.4, 4 ans de loyaux services
  4. mSelect : Plugin Jquery pour réaliser des listes html personnalisées
  5. [MAJ]Jquery : mSelect ajout d’une scrollbar personnalisable

Mots-clefs :,

Copyright © 2012 Le pret a surfer All rights reserved.
Desk Mess Mirrored v1.4.4.1 theme from BuyNowShop.com.