Меню ProgrammerBook.ru
ProgrammerBook.ru
/html/input/align:> Выравнивание элемента формы_

Атрибут align

Синтаксис

HTML
XHTML
<input type="image" src="..."
       align="[значение]">

Описание

Атрибут / параметр align (от англ. "alignment" ‒ «выравнивание») определяет горизонтальное или вертикальное выравнивание input элемента.

Условия использования

Применяется только к полям формы с типом «image».

CSS

Аналог: text-align: <выравнивание>;

Поддержка браузерами

Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.

Спецификация

Верс. Раздел
HTML
2.0 Image Pixel: INPUT TYPE=IMAGE Перевод
3.2 INPUT text fields, radio buttons, check boxes, ...
align...
4.01 15.1.2 Alignment
align = left|center...[1]
DTD: Transitional Strict Frameset
5.0 4.10.5 The input element
5.1 4.10.5. The input element
XHTML
1.0 Extensible HyperText Markup Language[1]
DTD: Transitional Strict Frameset
1.1 Extensible HyperText Markup Language
  • [1] ‒ помечен как «устаревший».

Значения

bottom
Окружающий контент обтекает кнопку по обоим краям (по её нижним углам).

Примечание: срабатывает, только если кнопка встроена непосредственно в текст.

left
Кнопка выравнивается по левому краю (окружающий контент обтекает её по правому краю).
middle
Окружающий контент обтекает кнопку по обоим краям (чуть выше вертикальной середины кнопки).

Примечание: срабатывает, только если кнопка встроена непосредственно в текст.

right
Кнопка выравнивается по правому краю (окружающий контент обтекает её по левому краю).
top
Окружающий контент обтекает кнопку по обоим краям (по её верхним углам).

Примечание: срабатывает, только если кнопка встроена непосредственно в текст.

Значение по умолчанию: для текста выводимого слева на право ‒ «left»; для текста выводимого справа на лево ‒ «right».

Пример использования

Листинг кода
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Параметр align (Элемент input)</title>
</head>
<body>
<h1>Пример с атрибутом "align"</h1>
<p>Текст до... <input type="image" src="/images/icon.png" align="middle" /> текст после...</p>
</body>
</html>
Параметр align (Элемент input)