Изображение можно поместить в рамку различной ширины. Для этого служит атрибут 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 lang="ru">
<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>
Браузеры
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.