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

HTML タグ完全ガイド

HTML: <img> align 属性

この記事では、HTML img align属性が周囲の要素に基づいて画像のアライメント方法を指定する方法について説明します。 <img>要素はインライン要素（ページに新しい行を挿入しません）であり、これはテキストや他の要素がそれを囲むことができるという意味です。したがって、周囲の要素に基づいて画像のアライメント方法を指定することは非常に有用かもしれません。

　HTML <img> タグ

オンラインサンプル

テキスト内の画像のアライメント方法を設定する方法をいくつか示します：

例

<!DOCTYPE　html>
<html>
<head>
<title>HTML:<img>　align　属性　-　基本チュートリアル網　oldtoolbag.com</title>
<body>
<h2>align="bottom"（デフォルト）:</h2>
<p>これはテキストです。　<img src="haha.gif" alt="haha face" width="42"　height="42">　これはテキストです.</p>
<h2>align="middle":</h2>
<p>これはテキストです。　<img src="haha.gif" alt="haha face" width="42"　height="42"　align="middle">　これはテキストです.</p>
<h2>align="top":</h2>
<p>これはテキストです。　<img src="haha.gif" alt="haha face" width="42"　height="42"　align="top">　これはテキストです.</p>
<h2>align="right":</h2>
<p>これはテキストです。　<img src="haha.gif" alt="haha face" width="42"　height="42"　align="right">　これはテキストです.</p>
<h2>align="left":</h2>
<p>これはテキストです。　<img src="haha.gif" alt="haha face" width="42"　height="42"　align="left">　これはテキストです.</p>
</body>
</html>

テストしてみる‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザがalign属性をサポートしています。

定義と用法

HTML5 HTMLの<img>align属性はサポートされていません。CSSを使用してください。

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

align属性は周囲の要素に基づいて画像のアライメントを指定します。

<img>要素はインライン要素です（ページに新しい行を挿入しません）。これは、テキストや他の要素がそれを囲むことを意味し、周囲の要素に基づいて画像のアライメントを指定することが非常に役立ちます。

互換性コメント

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

CSS 文法：<img style="float:right">

CSS 例：画像を右にフロート

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

文法

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

属性値

値	説明
left	画像を左側に揃える。
right	画像を右側に揃える。
middle	画像を中央に揃える。
top	画像を上部に揃える。
bottom	画像を下部に揃える。

　HTML <img> タグ

HTML: <template> タグ