| 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>
img {
border: none; /* Прибираємо рамку */
}
</style>
</head>
<body>
<p><a href="link.html">
<img src="images/sample.gif" alt="Малюнок без рамки">
</a></a></p>
</body>
</html>
У даному прикладі використовується контекстний селектор a img, який вказує використовувати стиль тільки для зображень, розташованих усередині тега <a>.