Как убрать рамку вокруг ссылки-картинки

При клике по картинке-ссылке некоторые браузеры отображают вокруг этой картинки пунктирную линию - фокус. Эта пунктирная рамка предназначена специально для того, чтобы привлечь внимание пользователя сайта к тому, где именно был произведен клик. Также рамкой показывается фокус на ссылке при навигации сайта с клавиатуры. Но некоторые разработчики сайтов и дизайнеры хотят убрать этот эффект...

Якобы чтобы сделать сайт однообразным в различных браузерах или еще непонятно для каких целей, возможно с точки зрения дизайнера такая рамка неэтично смотрится. В общем для того чтобы убрать рамку нужно в CSS свойстве тега A добавить свойство outline со значением none:

a {outline: none; /* Убираем границу вокруг ссылок  */}