Атрибут hspace

Для любого изображения можно задать невидимые отступы по горизонтали и вертикали с помощью атрибутов hspace и vspace. Особенно это актуально при обтекании рисунка текстом. В этом случае, чтобы текст не «наезжал» плотно на изображение, необходимо вокруг него добавить пустое пространство.

Данный атрибут устарел, взамен используйте стили.

Синтаксис

<img hspace="<число>">

Значения

Любое целое положительное число в пикселях.

Значение по умолчанию

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>

Примечание

Вместо атрибута hspace используйте стилевое свойство padding.

<!DOCTYPE html>
<html>
 <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>

Браузеры ?

Браузеры

В таблице браузеров применяются следующие обозначения.

  •  — элемент полностью поддерживается браузером;
  •  — элемент браузером не воспринимается и игнорируется;
  •  — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

Автор и редакторы

Автор: Влад Мержевич
Последнее изменение: 02.01.2017
Редакторы: Влад Мержевич