Advego.ru - система покупки и продажи контента для сайтов, форумов и блогов

Информационный Бестселлер на DVD или CD

Статьи для сайтов!!!
Главная Свойства CSS CSS по шагам Рамка вокруг ссылки О CSS. Стили CSS

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


Нередко приходиться использовать изображения в качестве ссылок. Например, изображения на странице Индивидуальный дизайн сайта служат ссылками и указывают: одни на более крупные картинки, другие являются ссылками на сайты.

При активном состоянии ссылки (в том числе изображения-ссылки), то есть при нажатии на неё курсором или после того, как Вы перешли по ссылке и вернулись на исходную страницу, многие браузеры добавляют вокруг неё рамку - пунктирную линию.

Обратите внимание на изображение ниже. Это изображение-ссылка. Если перейти по ней и снова вернуться на эту страницу, то вокруг изображения будет обозначена пунктирная линия.

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

С одной стороны это нормально: ведь пунктирная рамка, вокруг ссылки предназначена для привлечения внимания. Таким образом, осуществляется демонстрация текущего фокуса.

Но лично мне это не очень понравилось, и у меня возник вопрос: как убрать пунктирную рамку вокруг ссылок?

Оказывается всё очень просто. Для этого для ссылки, то есть для тега a, необходимо задать стилевое оформление, в котором прописать свойство outline со значением none.

Фрагмент кода:

<a href=".........." style="outline: none;">

Теперь снова вернёмся к изображению-ссылке. Теперь я для него применил свойство outline со значением none. И если перейти по нижерасположенному изображению-ссылке и снова вернуться на эту страницу, то вокруг изображения пунктирной линии Вы не увидите.

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

Таким образом, при помощи свойства outline, мы можем избавиться от пунктирной рамки вокруг ссылки!

Еще несколько свойств... Рамка вокруг ссылки О CSS. Стили CSS
CSS по шагам
Дизайн сайтов
ПОИСК ПО САЙТУ:

Моё имя Антон. Связаться со мною Вы можете по e-mail: averagev@mail.ru