Как убрать рамку вокруг изображений-ссылок - «Изображения» » Новости мира Интернет
Wuque Studio выпустила коллекционную клавиатуру Nama весом 8,6 кг с часовым механизмом - «Новости мира Интернет»
Wuque Studio выпустила коллекционную клавиатуру Nama весом 8,6 кг с часовым механизмом - «Новости мира Интернет»
В приложении Telegram добавили авторизацию по ключам доступа - «Новости мира Интернет»
В приложении Telegram добавили авторизацию по ключам доступа - «Новости мира Интернет»
Apple назвала лучшие приложения и игры 2025 года в App Store - «Новости мира Интернет»
Apple назвала лучшие приложения и игры 2025 года в App Store - «Новости мира Интернет»
Яндекс представил AI Search – технологию веб-поиска для корпоративных ИИ-агентов - «Новости мира Интернет»
Яндекс представил AI Search – технологию веб-поиска для корпоративных ИИ-агентов - «Новости мира Интернет»
В Android тестируют Call Reason – функцию для маркировки срочных звонков - «Новости мира Интернет»
В Android тестируют Call Reason – функцию для маркировки срочных звонков - «Новости мира Интернет»
Дайджест обновлений Яндекс Рекламы для специалистов по продвижению - «Новости мира Интернет»
Дайджест обновлений Яндекс Рекламы для специалистов по продвижению - «Новости мира Интернет»
Пользователь Reddit составил рейтинг наушников на основе отзывов - «Новости мира Интернет»
Пользователь Reddit составил рейтинг наушников на основе отзывов - «Новости мира Интернет»
Telegram объявил о конкурсе на дизайн Telegram Nodes - «Новости мира Интернет»
Telegram объявил о конкурсе на дизайн Telegram Nodes - «Новости мира Интернет»
DeepSeek выпустила обновленные модели V3.2 и V3.2-Speciale с упором на продвинутые рассуждения - «Новости мира Интернет»
DeepSeek выпустила обновленные модели V3.2 и V3.2-Speciale с упором на продвинутые рассуждения - «Новости мира Интернет»
Microsoft представила коллекцию «уродливых» рождественских свитеров 2025 года - «Новости мира Интернет»
Microsoft представила коллекцию «уродливых» рождественских свитеров 2025 года - «Новости мира Интернет»
Новости мира Интернет » Самоучитель CSS » Изображения » Как убрать рамку вокруг изображений-ссылок - «Изображения»
Internet Explorer Chrome Opera Safari Firefox Android iOS
4.0+ 1.0+ 4.0+ 1.0+ 1.0+ 1.0+ 1.0+

Задача

Убрать автоматически добавляемую рамку вокруг изображений-ссылок.

Решение

Когда рисунок помещается внутрь контейнера <a>, он становится ссылкой и вокруг него автоматически добавляется тонкая цветная рамка. Чтобы от неё избавиться, добавьте свойство border со значением none к селектору IMG, как показано в примере.;1.

Пример 1. Убираем рамку

HTML5CSS 2.1IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Рисунок без рамки</title>
  <style>
   a thumb {
    border: none; /* Убираем рамку */
   
  </style>
 </head>
 <body>
  <p><a href="link.html">
     <thumb src="images/sample.gif" width="100" height="100" alt="Рисунок без рамки">
  </a></p>
 </body>
</html>

В данном примере используется контекстный селектор a.;thumb, который указывает использовать стиль только для изображений, расположенных внутри тега <a>.

Цитирование статьи, картинки - фото скриншот - Rambler News Service.
Иллюстрация к статье - Яндекс. Картинки.
Есть вопросы. Напишите нам.
Общие правила  поведения на сайте.

Internet Explorer Chrome Opera Safari Firefox Android iOS 4.0 1.0 4.0 1.0 1.0 1.0 1.0 Задача Убрать автоматически добавляемую рамку вокруг изображений-ссылок. Решение Когда рисунок помещается внутрь контейнера , он становится ссылкой и вокруг него автоматически добавляется тонкая цветная рамка. Чтобы от неё избавиться, добавьте свойство border со значением none к селектору IMG, как показано в примере.;1. Пример 1. Убираем рамку HTML5 CSS 2.1 IE Cr Op Sa Fx В данном примере используется контекстный селектор a.;thumb, который указывает использовать стиль только для изображений, расположенных внутри тега .

Смотрите также

А что там на главной? )))



Комментарии )))