Image alignプロパティ
Image オブジェクト
定義と使い方
align プロパティは、画像の align 属性値を設定または返します。
align 属性は、インラインコンテンツとの整列方法を指定します。
構文
imageObject.align=value
align 属性は以下の値を指定できます：
| 值 | 説明 |
|---|---|
| left | 画像を左揃え |
| right | 画像を右揃え |
| middle | 画像を中央揃え |
| top | 画像を上揃え |
| bottom | 画像を下揃え |
ブラウザサポート
すべての主要ブラウザは align 属性をサポートしています
例
例
次の例では、画像を周囲のテキストに合わせて右揃えにします：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>サンプル(example.com)</title>
<script>
function alignImg(){
document.getElementById("compman").align="right";
}
</script>
</head>
<body>
<img id="compman" src="compman.gif.html" alt="Computerman" width="107" height="98">
<p>いくつかのテキスト。いくつかのテキスト。いくつかのテキスト。いくつかのテキスト。いくつかのテキスト。</p>
<input type="button" onclick="alignImg()" value="画像を整列">
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>サンプル(example.com)</title>
<script>
function alignImg(){
document.getElementById("compman").align="right";
}
</script>
</head>
<body>
<img id="compman" src="compman.gif.html" alt="Computerman" width="107" height="98">
<p>いくつかのテキスト。いくつかのテキスト。いくつかのテキスト。いくつかのテキスト。いくつかのテキスト。</p>
<input type="button" onclick="alignImg()" value="画像を整列">
</body>
</html>
試してみる »
Image オブジェクトその他の拡張