English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML リファレンスマニュアル

HTML タグ一覧

HTML: <input> align 属性

input align属性は、<input type ="image">とともに使用され、周囲の要素に基づいて画像入力の対齐方式を指定します。

 HTML <input> タグ

オンラインサンプル

画像がサブミットボタンとして使用されているHTMLフォーム。サブミットボタンは左対齐です:

<!DOCTYPE html>
<html>
<head>
<title>HTML:<input> align 属性 - 基础教程网(oldtoolbag.com)</title>
<body>
<form action="action_page.php">
  First name: <input type="text" name="fname"><br>
  <input type="image" src="submit.gif" alt="Submit" align="left" width="48" height="48">
</form>
</body>
</html>
テストを見てみる ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

注意:すべての主要ブラウザで、align属性の「left」と「right」の値のみが正常に動作します。

定義と使用法

HTML5 <input> align 属性はサポートされていません。代わりに CSS を使用してください。

HTML 4.01 中、<input> の align 属性は廃止されました。

align 属性は <input type="image"> と組み合わせて使用されることができ、画像入力が周囲の他の要素に対する対齐方法を指定します。

互換性コメント

HTML 4.01 中、<input> の align 属性は廃止されました。代わりに CSS を使用してください。

CSS 文法:<input type="image" style="float:right">

CSS 例:画像の揃え方

私たちの CSS 教程では、以下についてさらに詳しく学ぶことができます float 属性の詳細。

文法

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

属性値

説明
left画像を左に揃える(デフォルト)。
rightオブジェクトを右に揃える。
top画像を上に揃える。
middle画像を中央に揃える。
bottom画像を下に揃える。
 HTML <input> タグ