html атрибут align

Атрибут align задає вирівнювання(розміщення) зображення відносно до навколишніх елементів.

Не вдалось завантажти зображення

Тег <img> — вбудований елемент (він не вставляє новий рядок на сторінці), а це означає, що текст і інші елементи можуть бути розташовані навколо нього. Таким чином, це може бути корисно, щоб вказати вирівнювання зображення відповідно до оточуючих елементів.

Порада:

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

Порада:

Для отримання зображення котре буде вирівняне по праву чи ліву сторону використовуйте CSS властивість float.

Синтакс

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

Атрибут align може отримувати 5 значень :

left

Вирівнювання зображення по лівому краю рядка

right

Вирівнювання зображення по правому краю рядка

middle

Вирівнювання середини зображення по базовій лінії поточного рядка.

top

Вирівнювання зображення по верхній межі рядка

bottom

Вирівнювання зображення по нижній межі рядка

Переглядачі

Переглядач

1+

1+

1+

1+

1+

12+

Переглядач

1+

1+

1+

1+

Приклади


Приклад використання HTML атрибута align теґа <img>

See the Pen img.align_css_in_ua by css.in.ua (@css_in_ua) on CodePen.

Приклад використання HTML атрибута align теґа <img>

See the Pen img.align1_css_in_ua by css.in.ua (@css_in_ua) on CodePen.

Різниця між HTML 4.01 та HTML5


Атрибут align HTML тега <img> не підтримується в HTML5. Замість нього використовуйте CSS властивості.

Різниця між XHTML та HTML


Немає жодної різниці.