Атрибут vspace до HTML тега <img>

9 червня 2022 р.144

Зміст

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

Даний атрибут застарів, натомість використовуйте стилі. field-type-text-long field-label-above">

Синтаксис

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

Значення

Будь-яке ціле позитивне число в пікселях.

Значення за замовчуванням

Приклад

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

Браузери


1	12	1	1	1	1


1	1	4	1

Браузери

У таблиці браузерів застосовуються такі позначення.

— елемент повністю підтримується браузером;
— елемент браузером не сприймається та ігнорується;
— при роботі можлива поява різних помилок, або елемент підтримується з застереженнями. li>

Число вказує версію браузреа, з якої елемент підтримується.