Для любого изображения можно задать невидимые отступы по горизонтали и вертикали с помощью атрибутов hspace и vspace. Особенно это актуально при обтекании рисунка текстом. В этом случае, чтобы текст не «наезжал» плотно на изображение, необходимо вокруг него добавить пустое пространство.
Данный атрибут устарел, взамен используйте стили.
Синтаксис
<img vspace="<число>">
Значения
Любое целое положительное число в пикселях.
Значение по умолчанию
0
Пример
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>IMG, атрибут hspace</title>
</head>
<body>
<p><img src="image/sample.gif" width="150" height="150"
hspace="5" vspace="7" alt="" align="left"></p>
<p>Пример обтекания картинки текстом</p>
</body>
</html>
Примечание
Вместо атрибута vspace используйте стилевое свойство padding.
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>img</title>
<style>
img {
padding: 10px 20px; /* Поля по вертикали и горизонтали */
}
</style>
</head>
<body>
<img src="image/sample.gif" width="150" height="150" alt="">
</body>
</html>
Браузеры
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.