Зображення можна помістити в рамку різної ширини. Для цього є атрибут border елемента <img>. Колір рамки збігається з кольором тексту або посилання, якщо зображення є посиланням.
Щоб усунути рамку, слід вказати border="0".
Даний атрибут застарів, натомість використовуйте стилі.
Синтаксис
<img border="<число>">
Значення
Будь-яке ціле позитивне число в пікселях.
Значення за замовчуванням
0
Приклад
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>IMG, атрибут border</title> </head> <body text="#00ff00"> <p><img src="image/sample.gif" width="50" height="50" border="2" alt=""></p> </body> </html>
Примітка
Для зміни кольору та товщини рамки навколо зображення використовуйте стильову властивість border.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>img</title> <style> img { border: 2px solid red; /* Параметри рамки */
}
</style>
</head>
<body> <img src="image/sample.gif" width="150" height="150" alt="">
</body>
</html>