path: root/files/ja/archive/mozilla/xul/image/index.html

---
title: image
slug: Archive/Mozilla/XUL/image
tags:
  - XUL Elements
  - XUL Reference
translation_of: Archive/Mozilla/XUL/image
---
<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs">
 « <a href="/ja/docs/XUL/XUL_Reference">XUL リファレンス HOME</a>    [
 <a href="#Examples">例</a> |
 <a href="#Attributes">属性</a> |
 <a href="#Properties">プロパティ</a> |
 <a href="#Methods">メソッド</a> |
 <a href="#Related">関連項目</a> ]
</span></div>
<p>HTML の <code>img</code> 要素のように画像を表示する要素。<code id="a-src"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/src">src</a></code> 属性で image の URL を指定することができます。</p>
<p>詳しい情報は <a href="/ja/XUL_Tutorial/Adding_Labels_and_Images" title="ja/XUL_Tutorial/Adding_Labels_and_Images">XUL チュートリアル</a>をご覧ください。</p>
<dl><dt> 属性 </dt><dd> <a href="#a-onerror">onerror</a>, <a href="#a-onload">onload</a>, <a href="#a-src">src</a>, <a href="#a-validate">validate</a> </dd></dl> <dl><dt> プロパティ </dt><dd> <a href="#p-accessibleType">accessibleType</a>, <a href="#p-src">src</a> </dd></dl> <dl><dt> スタイルクラス </dt><dd> <a href="#s-alert-icon">alert-icon</a>, <a href="#s-error-icon">error-icon</a>, <a href="#s-message-icon">message-icon</a>, <a href="#s-question-icon">question-icon</a> </dd></dl>
<h3 id="Examples" name="Examples">例</h3>
<div class="float-right"><img alt="Image:Firefoxlogo2.png" class="internal" src="/@api/deki/files/1733/=Firefoxlogo2.png"></div>
<pre class="eval">&lt;image src='Firefoxlogo.png' width='135' height='130'/&gt;
</pre>

<h3 id="Attributes" name="Attributes">属性</h3>
<p> </p><div id="a-onerror">

<dl><dt> <code id="a-onerror"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/onerror">onerror</a></code> </dt><dd> 型: <em>スクリプトコード</em> </dd><dd> このイベントは、image の読み込みにエラーが起こった時、<code><a href="/ja/docs/Mozilla/Tech/XUL/image" title="image">image</a></code> 要素に送られます。 </dd></dl>

</div> <div id="a-onload">

<dl><dt> <code id="a-onload"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/onload">onload</a></code> </dt><dd> 型: <em>スクリプトコード</em> </dd><dd> このイベントハンドラは、image の読み込みが完了した時、<code><a href="/ja/docs/Mozilla/Tech/XUL/image" title="image">image</a></code> 要素上で呼ばれます。これは、<code id="a-src"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/src">src</a></code> 属性または <code>list-style-image</code> スタイルプロパティを通して適用された image に利用します。image を変更した場合は、イベントは新しい image が読み込まれると作動します。このイベントは要素ツリーを bubble up しません。 </dd></dl>

</div> <div id="a-src">

<dl>
  <dt>
    <code id="a-src"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/src">src</a></code></dt>
  <dd>
    型: <em>URL</em></dd>
  <dd>
    要素内に表示するコンテンツの URL。</dd>
</dl>

</div> <div id="a-validate">

<dl><dt> <code id="a-validate"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/validate">validate</a></code> </dt><dd> 型: <em>下記の値のいずれか一つ</em> </dd><dd> この属性は、キャッシュから image を読み込むかどうかを指示します。image がリモートに格納されるときや、image を頻繁に差し替えようとしているとき、役立つでしょう。次の値はデフォルトで扱われる属性全体を許可、または除外します: </dd></dl>
<ul> <li><code>always</code>: image を読み込むべきかどうか、常に確認されます。</li> <li><code>never</code>: 可能であれば、キャッシュから image が読み込まれます。</li>
</ul>

</div>
<h3 id="Properties" name="Properties">プロパティ</h3>
<div id="p-accessibleType">
<dl><dt> <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/accessibleType">accessibleType</a></span></code> </dt><dd> 型: <em>整数型</em> </dd><dd> 要素の accessibility オブジェクトの種類を示す値。 </dd></dl>

</div> <div id="p-src">
<dl><dt> <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/src">src</a></span></code> </dt><dd> 型: <em>URL</em> </dd><dd> <code id="a-src"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/src">src</a></code> 属性の値の取得と設定。 </dd></dl>
</div> <table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>XUL 要素からの継承</strong><br> <small> <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/align">align</a></span></code>, , <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/allowEvents">allowEvents</a></span></code>, , <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/boxObject">boxObject</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/builder">builder</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/className">className</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/collapsed">collapsed</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/contextMenu">contextMenu</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/controllers">controllers</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/database">database</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/datasources">datasources</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/dir">dir</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/flex">flex</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/height">height</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/hidden">hidden</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/id">id</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/left">left</a></span></code>, , <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/maxHeight">maxHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/maxWidth">maxWidth</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/menu">menu</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/minHeight">minHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/minWidth">minWidth</a></span></code>, , , , , , , <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/observes">observes</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/ordinal">ordinal</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/orient">orient</a></span></code>, , <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/pack">pack</a></span></code>, , <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/persist">persist</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/ref">ref</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/resource">resource</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/statusText">statusText</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/style">style</a></span></code>, ,, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/tooltip">tooltip</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/tooltipText">tooltipText</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/top">top</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/width">width</a></span></code></small></p> </td> </tr> </tbody>
</table>
<h3 id="Methods" name="Methods">メソッド</h3>
<div style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;">
<p><strong>XUL 要素からの継承</strong><br>
<small> <span id="m-blur"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/getElementsByAttribute">getElementsByAttribute</a></code></span>, <span id="m-getElementsByAttributeNS"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/getElementsByAttributeNS">getElementsByAttributeNS</a></code></span> </small></p>
<p><strong>DOM 要素からの継承</strong><br>
<small> <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.appendChild">appendChild()</a></code>, <a class="internal" href="/ja/DOM/Node.compareDocumentPosition" title="ja/DOM/Node.compareDocumentPosition">compareDocumentPosition</a>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <a class="internal" href="/ja/DOM/Node.getFeature" title="ja/DOM/Node.getFeature">getFeature</a>, <a class="internal" href="/ja/DOM/Node.getUserData" title="ja/DOM/Node.getUserData">getUserData</a>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.insertBefore">insertBefore()</a></code>, <a class="internal" href="/ja/DOM/Node.isEqualNode" title="ja/DOM/Node.isEqualNode">isEqualNode</a>, <a class="internal" href="/ja/DOM/Node.isSameNode" title="ja/DOM/Node.isSameNode">isSameNode</a>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.isSupported">isSupported()</a></code>, <a class="internal" href="/ja/DOM/Node.lookupNamespaceURI" title="ja/DOM/Node.lookupNamespaceURI">lookupNamespaceURI</a>, <a class="internal" href="/ja/DOM/Node.lookupPrefix" title="ja/DOM/Node.lookupPrefix">lookupPrefix</a>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code>, <a class="internal" href="/ja/DOM/Node.setUserData" title="ja/DOM/Node.setUserData">setUserData</a></small></p>
</div>
<h3 id="Style_classes" name="Style_classes">スタイルクラス</h3>
<dl><dt> <code><a href="https://developer.mozilla.org/ja/docs/XUL/Style/alert-icon">alert-icon</a></code> </dt><dd> 警告アイコンを追加するクラス。これは一般的に、感嘆符(!) で表されます。これらのアイコンクラスは、<code><a href="/ja/docs/Mozilla/Tech/XUL/image" title="image">image</a></code> 要素や image を持つ他の要素で使用されます。 </dd></dl> <dl><dt> <code><a href="https://developer.mozilla.org/ja/docs/XUL/Style/error-icon">error-icon</a></code> </dt><dd> エラーアイコンを追加するクラス。これは一般的に、赤い "×" アイコンになります。 </dd></dl> <dl><dt> <code><a href="https://developer.mozilla.org/ja/docs/XUL/Style/message-icon">message-icon</a></code> </dt><dd> メッセージボックスアイコンを追加するクラス。 </dd></dl> <dl><dt> <code><a href="https://developer.mozilla.org/ja/docs/XUL/Style/question-icon">question-icon</a></code> </dt><dd> 質問アイコンを追加するクラス。これは通常、疑問符で表されます。 </dd></dl>
<h3 id="Related" name="Related">関連項目</h3>
<p><a href="/ja/XUL/Attribute/image" title="ja/XUL/Attribute/image">image</a> 属性および <a href="/ja/XUL/Attribute/icon" title="ja/XUL/Attribute/icon">icon</a> 属性を参照してください。</p>
<dl><dt> インタフェース </dt><dd> <a href="/ja/nsIAccessibleProvider" title="ja/nsIAccessibleProvider">nsIAccessibleProvider</a>, <a href="/ja/NsIDOMXULImageElement" title="ja/NsIDOMXULImageElement">nsIDOMXULImageElement</a> </dd></dl>
<div class="noinclude">

</div>