CSS властивості
ГлавнаяАтрибути HTMLАтрибут align до HTML тега <img>

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

137

Для зображень можна вказувати їх положення щодо тексту або інших зображень на веб-сторінку. Спосіб вирівнювання зображень задається атрибутом align.

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

Синтаксис

<img align="bottom | left | middle | right | top">

Значення

У табл. 1 перераховані можливі значення атрибуту align та результат його використання.

Табл. 1. Використання значень атрибуту align
Значення Опис Приклад
bottom Вирівнювання нижньої межі зображення по навколишньому тексту. Lorem ipsum dolor sit amet, consectetuer adipiscing elit...
left Вирівнювання зображення по лівому краю вікна. Lorem ipsum dolor sit amet, consectetuer adipiscing elit...
middle Вирівнювання середини зображення на базовій лінії поточної рядки. Lorem ipsum dolor sit amet, consectetuer adipiscing elit...
right Вирівнювання зображення по правому краю вікна. td>
top Верхня межа зображення вирівнюється по найвищому елементу поточного рядка. /tr>

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

bottom

Приклад

<!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, атрибут align</title>
</head>
<body> <p><img src="image/square.gif" alt="Квадрат" width="20" height="20" align="right"> Цей текст обтікає малюнок на його лівому краю.</p>
</body>
</html>

Примітка

Для вирівнювання зображення по лівому або правому краю застосовується властивість float зі значенням left або right, відповідно. Для вирівнювання по висоті рядка використовується властивість vertical-align.

Браузери

1 12 1 1 1 1
table>

Браузери

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

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

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

1 1 4 1