Для зображень можна вказувати їх положення щодо тексту або інших зображень на веб-сторінку. Спосіб вирівнювання зображень задається атрибутом align.
Даний атрибут застарів, натомість використовуйте стилі.
Синтаксис
<img align="bottom | left | middle | right | top">
Значення
У табл. 1 перераховані можливі значення атрибуту align та результат його використання.
Значення | Опис | Приклад |
---|---|---|
bottom | Вирівнювання нижньої межі зображення по навколишньому тексту. | ![]() |
left | Вирівнювання зображення по лівому краю вікна. | ![]() |
middle | Вирівнювання середини зображення на базовій лінії поточної рядки. | ![]() |
right | Вирівнювання зображення по правому краю вікна. | ![]() |
top | Верхня межа зображення вирівнюється по найвищому елементу поточного рядка. | ![]() |
Значення за замовчуванням
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 |