Как убрать рамку вокруг изображений-ссылок - «Изображения» » Новости мира Интернет
АЭС — это долго: в Казахстане построят «долину ЦОД» с питанием от угольных электростанций - «Новости сети»
АЭС — это долго: в Казахстане построят «долину ЦОД» с питанием от угольных электростанций - «Новости сети»
«Да здравствует Принц!»: в ответ на отмену ремейка GOG спасёт классическую Prince of Persia: The Sands of Time от цифрового небытия - «Новости сети»
«Да здравствует Принц!»: в ответ на отмену ремейка GOG спасёт классическую Prince of Persia: The Sands of Time от цифрового небытия - «Новости сети»
«Google Фото» научились превращать фотографии пользователей в мемы с помощью ИИ - «Новости сети»
«Google Фото» научились превращать фотографии пользователей в мемы с помощью ИИ - «Новости сети»
Проблемное январское обновление Windows 11 отказывается удаляться — два способа вернуть систему в норму - «Новости сети»
Проблемное январское обновление Windows 11 отказывается удаляться — два способа вернуть систему в норму - «Новости сети»
В Китае придумали, как обмануть Вселенную и занедорого зажечь «искусственное солнце» на Земле - «Новости сети»
В Китае придумали, как обмануть Вселенную и занедорого зажечь «искусственное солнце» на Земле - «Новости сети»
Россияне оспорили отказ суда рассматривать иск о блокировке звонков в Telegram и WhatsApp - «Новости сети»
Россияне оспорили отказ суда рассматривать иск о блокировке звонков в Telegram и WhatsApp - «Новости сети»
Sony анонсировала первый за семь лет проигрыватели виниловых пластинок - «Новости сети»
Sony анонсировала первый за семь лет проигрыватели виниловых пластинок - «Новости сети»
Intel упускает миллиарды из-за дефицита процессоров и производственных проблем — акции рухнули на 11 % - «Новости сети»
Intel упускает миллиарды из-за дефицита процессоров и производственных проблем — акции рухнули на 11 % - «Новости сети»
Илон Маск пообещал, что роботы Tesla Optimus точно-точно поступят в продажу в конце 2027 года - «Новости сети»
Илон Маск пообещал, что роботы Tesla Optimus точно-точно поступят в продажу в конце 2027 года - «Новости сети»
Луна подождёт: третий пуск ракеты Blue Origin New Glenn в конце февраля доставит спутник главного конкурента Starlink - «Новости сети»
Луна подождёт: третий пуск ракеты Blue Origin New Glenn в конце февраля доставит спутник главного конкурента Starlink - «Новости сети»
Новости мира Интернет » Самоучитель 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>.


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, который указывает использовать стиль только для изображений, расположенных внутри тега .
Цитирование статьи, картинки - фото скриншот - Rambler News Service.
Иллюстрация к статье - Яндекс. Картинки.
Есть вопросы. Напишите нам.
Общие правила  поведения на сайте.

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

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



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