html тег <img> атрибут align
Атрибут align задає вирівнювання(розміщення) зображення відносно до навколишніх елементів.
Тег <img> — вбудований елемент (він не вставляє новий рядок на сторінці), а це означає, що текст і інші елементи можуть бути розташовані навколо нього. Таким чином, це може бути корисно, щоб вказати вирівнювання зображення відповідно до оточуючих елементів.
- Порада
-
Для отримання зображення котре буде вирівняне по верхньому, нижньому краю чи посередині використовуйте CSS властивість
автор: с3сvertical-align. - Порада
-
Для отримання зображення котре буде вирівняне по праву чи ліву сторону використовуйте CSS властивість float.
автор: с3с
Синтаксис
<img align="left|right|middle|top|bottom">Атрибут align може отримувати 5 значень:
-
left -
Вирівнювання зображення по лівому краю рядка
автор: с3с -
right -
Вирівнювання зображення по правому краю рядка
автор: с3с -
middle -
Вирівнювання середини зображення по базовій лінії поточного рядка.
автор: с3с -
top -
Вирівнювання зображення по верхній межі рядка
автор: с3с -
bottom -
Вирівнювання зображення по нижній межі рядка
автор: с3с
Переглядачі
| Переглядач |  |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|
| 1+ | 1+ | 1+ | 1+ | 12+ | 1+ |
| Переглядач |  |
 |
 |
 |
|---|---|---|---|---|
| 1+ | 1+ | 1+ | 1+ |
Приклади
+ запропонувати свій приклад у пісочниці
Приклад використання HTML атрибута align теґа <img>
See the Pen img.align_css_in_ua by css.in.ua (@css_in_ua) on CodePen.
автор: с3сПриклад використання HTML атрибута align теґа <img>
See the Pen img.align1_css_in_ua by css.in.ua (@css_in_ua) on CodePen.
автор: с3сРізниця між HTML 4.01 та HTML5
Атрибут align HTML тега <img> не підтримується в HTML5. Замість нього використовуйте CSS властивості.
Різниця між XHTML та HTML
Коментарі
Коментарів ще немає — будьте першим!