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

---
title: toolbarbutton
slug: Archive/Mozilla/XUL/toolbarbutton
tags:
  - XUL Elements
  - XUL Reference
translation_of: Archive/Mozilla/XUL/toolbarbutton
---
<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><code><a href="/ja/docs/Mozilla/Tech/XUL/toolbar" title="toolbar">toolbar</a></code> 上に表示されるボタン。これは、描画が異なることを除き、通常の <code><a href="/ja/docs/Mozilla/Tech/XUL/button" title="button">button</a></code> と同等です。一般的には、この要素は画像を持ちます。</p>
<p>詳しい情報が <a href="/ja/XUL_Tutorial/Toolbars" title="ja/XUL_Tutorial/Toolbars">XUL チュートリアル</a>にあります。</p>
<table style="border: solid #ccc 1px; background: #EEE; padding: 0px 10px 0px 10px; margin: 0px 0px 10px 10px;"> <tbody> <tr> <td><strong><a href="/ja/XUL_accessibility_guidelines#Toolbarbuttons" title="ja/XUL_accessibility_guidelines#Toolbarbuttons">関連性のあるアクセシビリティ・ガイドライン</a></strong><small> <ul> <li>All toolbar functionality should be duplicated elsewhere in the application <ul> <li>Where possible, provide keyboard alternatives.</li> <li>Where possible, duplicate functionality in a menu item or context menu.</li> <li>Where not possible, make all toolbarbuttons focusable by <a href="/ja/CSS/-moz-user-focus" title="ja/CSS/-moz-user-focus">-moz-user-focus</a>: normal.</li> </ul> </li> </ul> </small></td> </tr> </tbody>
</table>
<dl> <dt>属性</dt> <dd><a href="#a-accesskey">accesskey</a>, <a href="#a-autocheck">autocheck</a>, <a href="#a-checkState">checkState</a>, <a href="#a-checked">checked</a>, <a href="#a-command">command</a>, <a href="#a-crop">crop</a>, <a href="#a-dir">dir</a>, <a href="#a-disabled">disabled</a>, <a href="#a-dlgtype">dlgtype</a>, <a href="#a-group">group</a>, <a href="#a-image">image</a>, <a href="#a-label">label</a>, <a href="#a-oncommand">oncommand</a>, <a href="#a-open">open</a>, <a href="#a-orient">orient</a>, <a href="#a-tabindex">tabindex</a>, <a href="#a-toolbarbutton.type">type</a>, <a href="#a-validate">validate</a></dd>
</dl>
<dl> <dt>プロパティ</dt> <dd><a href="#p-accessKey">accessKey</a>, <a href="#p-accessibleType">accessibleType</a>, <a href="#p-autoCheck">autoCheck</a>, <a href="#p-checkState">checkState</a>, <a href="#p-checked">checked</a>, <a href="#p-command">command</a>, <a href="#p-crop">crop</a>, <a href="#p-dir">dir</a>, <a href="#p-disabled">disabled</a>, <a href="#p-dlgType">dlgType</a>, <a href="#p-group">group</a>, <a href="#p-image">image</a>, <a href="#p-label">label</a>, <a href="#p-open">open</a>, <a href="#p-orient">orient</a>, <a href="#p-tabIndex">tabIndex</a>, <a href="#p-type">type</a></dd>
</dl>
<h3 id="Examples" name="Examples">例</h3>
<div class="float-right"><img alt="Image:XUL_ref_toolbarbutton.png" class="internal" src="/@api/deki/files/477/=XUL_ref_toolbarbutton.png"></div>
<pre>&lt;toolbar id="test-toolbar"&gt;
  &lt;toolbarbutton accesskey="P" label="Plain"/&gt;
  &lt;toolbarbutton accesskey="C" label="Checkbox" type="checkbox"/&gt;
  &lt;toolbarbutton accesskey="b" label="Menu-button" type="menu-button"&gt;
    &lt;menupopup&gt;
      &lt;menuitem label="Menu item 1"/&gt;
      &lt;menuitem label="Menu item 2"/&gt;
    &lt;/menupopup&gt;
  &lt;/toolbarbutton&gt;
  &lt;toolbarbutton accesskey="M" label="Menu" type="menu"&gt;
    &lt;menupopup&gt;
      &lt;menuitem label="Menu item 1"/&gt;
      &lt;menuitem label="Menu item 2"/&gt;
    &lt;/menupopup&gt;
  &lt;/toolbarbutton&gt;
&lt;/toolbar&gt;
&lt;toolbar id="radio-toolbar"&gt;
  &lt;toolbarbutton accesskey="1" label="Radio 1" type="radio" group="RadioGroup"/&gt;
  &lt;toolbarbutton accesskey="2" label="Radio 2" type="radio" group="RadioGroup"/&gt;
  &lt;toolbarbutton accesskey="3" label="Radio 3" type="radio" group="RadioGroup"/&gt;
&lt;/toolbar&gt;
</pre>
<h3 id="Attributes" name="Attributes">属性</h3>
<p> </p><div id="a-accesskey">




<dl>
 <dt><code id="a-accesskey"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/accesskey">accesskey</a></code></dt>
 <dd>型: <em>文字型</em></dd>
 <dd>ショートカットキーとして使用される文字を設定します。この文字はその要素の <code><code id="a-label"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/label">label</a></code></code> 属性のテキストに現れる文字の一つでなければいけません。

 </dd>
</dl>


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

<dl><dt> <code id="a-autoCheck"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/autoCheck">autoCheck</a></code> </dt><dd> 型: <em>論理型</em> </dd><dd> この属性が <code>true</code> に設定されているか、この属性が無いとき、button が押下される度にボタンのチェック状態が切り替わります。<code>false</code> のときは、チェック状態を手動で調整しなければなりません。この属性が true の場合、button の種類は "checkbox" または "radio" でなければなりません。 </dd></dl>

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

<dl><dt> <code id="a-checkState"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/checkState">checkState</a></code> </dt><dd> 型: <em>整数型</em>, 値は <code>0</code> または <code>1</code>, <code>2</code> </dd><dd> この属性は、0 および 1, 2 の button の 3 つの状態を作成するために使用します。状態が 0 または 1 の場合、button を押すと反対の状態に切り替わります。状態が 2 の場合、button を押すと状態 0 に切り替わります。これは、チェック状態を手動で調整するための 3 番目の状態を除き、checkbox のように動作する button を意味します。異なる方法で状態を調整したいときは、<code id="a-autoCheck"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/autoCheck">autoCheck</a></code> 属性を <code>false</code> に設定し、状態をスクリプトで調整してください。チェック状態を持つ button は <code id="a-type"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/type">type</a></code> 属性が <code>checkbox</code> に設定されていなければなりません。この属性に設定可能な定数は <a href="/ja/NsIDOMXULButtonElement" title="ja/NsIDOMXULButtonElement">nsIDOMXULButtonElement</a> インタフェース内にあります。 </dd></dl>

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

<dl>
 <dt>
  <code id="a-checked"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/checked">checked</a></code></dt>
 <dd>
  型: <em>論理型</em></dd>
 <dd>
  要素にチェックが入っているかどうかを示します。</dd>
 <dd>
  この属性が設定されているかどうかを確認するには、<code>getAttribute()</code> ではなく <code>hasAttribute()</code> を使用してください。</dd>
</dl>
<p>button 要素で、この属性による効果を得るには <code><code id="a-type"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/type">type</a></code></code> 属性に checkbox か radio を設定しなければなりません。</p>
</div> <div id="a-command">

<dl><dt> <code id="a-command"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/command">command</a></code> </dt><dd> 型: <em>要素の id</em> </dd><dd> 要素に監視された <code><a href="/ja/docs/Mozilla/Tech/XUL/command" title="command">command</a></code> 要素の <code id="a-id"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/id">id</a></code> をセットします。 </dd></dl>


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


<dl>
 <dt><code id="a-crop"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/crop">crop</a></code></dt>
 <dd>型: <em>下記の値のいずれか一つ</em></dd>
 <dd>要素の label に与えられた空間が小さ過ぎるときは、<code>crop</code> 属性によって指定された側のテキストが切り取られます。テキストが切り取られた場所には省略記号 (ellipsis)が使用されます。ボックスの方向が反対の場合は、切り取られる場所も反対側になります。</dd>
</dl>

<ul>
 <li><code>start</code>: テキストは先頭から切り取られます。</li>
 <li><code>end</code>: テキストは末尾から切り取られます。</li>
 <li><code>left</code>: <span title="これは非推奨 API です。未だ動作しているかも知れませんが、将来的に削除される可能性があります。"><i class="icon-thumbs-down-alt"> </i></span> テキストは左側から切り取られます。</li>
 <li><code>right</code>: <span title="これは非推奨 API です。未だ動作しているかも知れませんが、将来的に削除される可能性があります。"><i class="icon-thumbs-down-alt"> </i></span> テキストは右側から切り取られます。</li>
 <li><code>center</code>: テキストの中央が切り取られ、通常、テキストの先頭と末尾が表示されます。</li>
 <li><code>none</code>: テキストは省略記号を使用して切り取られません。しかし、テキストがあまりに長い場合は単純に削除されます。削除する側は CSS の行揃え (text alignment)に依存します。</li>
</ul>


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

<dl>
 <dt>
  <code id="a-dir"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/dir">dir</a></code></dt>
 <dd>
  型: <em>下記の値のいずれか一つ</em></dd>
 <dd>
  要素の子要素が配置される方向。</dd>
</dl>
<ul>
 <li><code>normal</code>: 要素は左から右へ、または上から下へ、XUL コード内に現れる順に配置されます。</li>
 <li><code>reverse</code>: 要素は右から左へ、または下から上へ、XUL コード内に現れる順と逆に配置されます。</li>
</ul>


<p> </p>
</div> <div id="a-disabled">

<dl>
  <dt>
    <code id="a-disabled"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/disabled">disabled</a></code></dt>
  <dd>
    型: <em>論理型</em></dd>
  <dd>
    要素が無効化されているかどうかを示します。ある要素が <code>true</code> に設定されていたら、その要素は無効化されています。無効化された要素は通常グレイ表示のテキストで描画されます。要素が無効化されていると、ユーザのアクションには応答せず、フォーカスもあてられず、<code>command</code> イベントも発生しません。

  </dd>
</dl>

<p> </p>
</div> <div id="a-dlgtype">

<dl><dt> <code id="a-dlgtype"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/dlgtype">dlgtype</a></code> </dt><dd> 型: <em>下記の値のいずれか一つ</em> </dd><dd> button がダイアログボックス内にある場合のみ使用される、button の dialog 形式。この機能は、標準のダイアログボックスボタンをカスタムボタンで置き換えるために使用します。dialog イベントメソッドはそのまま機能します。例えば、<code>dlgType</code> が <code>accept</code> に設定されているときは、この button がダイアログボックスの (普通は <code>OK</code> ラベルが付いた) 同意ボタンと置き換えられます。この属性をダイアログボックス内ではない button に使用しても効果はありません。ダイアログの形式として次の値を使用することができます: </dd></dl>
<ul> <li><code>accept</code>: OK ボタン。押下された場合、変更に同意します。</li> <li><code>cancel</code>: キャンセルボタン。操作を中止します。</li> <li><code>help</code>: ヘルプボタン。ダイアログについてのヘルプを表示します。</li> <li><code>disclosure</code>: 詳細を表示するボタン。これは、ボタンか詳細表示の三角形になります。</li>
</ul>

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

<dl> <dt><code id="a-group"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/group">group</a></code></dt> <dd>型: <em>グループ名の文字列</em> </dd> <dd>group 属性に同じ値を持つ、type="radio" のボタンは同じグループ内に置かれます。各グループでは一度に一つのボタンのみにチェックを入れることができます。ユーザが一つのボタンを選択すると、グループ内の他のボタンのチェックが外れます。</dd>
</dl>

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

<dl>
  <dt>
    <code id="a-image"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/image">image</a></code></dt>
  <dd>
    型: 画像の <em>URL</em></dd>
  <dd>
    要素上に表示する画像の URL。この属性が空または除外された場合、画像は表示されません。画像の位置は <code id="a-dir"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/dir">dir</a></code> 属性および <code id="a-orient"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/orient">orient</a></code> 属性によって決定されます。</dd>
</dl>


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

<dl><dt> <code id="a-label"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/label">label</a></code> </dt><dd> 型: <em>文字列型</em> </dd><dd> 要素上に表示するlabel。 省略された場合、テキストは表示されない。 </dd></dl>


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

<dl><dt> <code id="a-oncommand"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/oncommand">oncommand</a></code> </dt><dd> 型: <em>スクリプトコード</em> </dd><dd> このイベントハンドラは command が活性化した時、呼び出されます。これは、ユーザがメニュー項目を選択したり command に割り当てられたキーボードショートカットが押したりした場合に起こります。 </dd></dl>


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

<dl>
  <dt><code id="a-open"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/open">open</a></code></dt>
  <dd>型: <em>論理型</em></dd>
  <dd><code>menu</code> の <code id="a-type"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/type">type</a></code> ボタンについて、メニューが開かれたとき、<code>open</code> 属性が <code>true</code> に設定されます。メニューが閉じられると <code>open</code> 属性は提供されません。</dd>
</dl>
</div> <div id="a-orient">

<dl><dt> <code id="a-orient"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/orient">orient</a></code> </dt><dd> 型: <em>下記の要素のいずれか一つ</em> </dd><dd> ある要素の子要素の並びが水平方向なのか、垂直方向なのかを指定するのに使われる。デフォルト値はその要素に依存する。<a href="/ja/CSS/-moz-box-orient" title="ja/CSS/-moz-box-orient">-moz-box-orient</a> スタイルプロパティを使用することもできます。 </dd></dl>
<ul> <li><code>horizontal</code>: ある要素の子要素それぞれが、XUL のソース中で現れる順に、水平に一行に並んでいる。</li> <li><code>vertical</code>: ある要素の子要素それぞれが、XUL のソース中で現れる順に、垂直に一列に並んでいる。</li>
</ul>


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

<dl><dt> <code id="a-tabindex"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/tabindex">tabindex</a></code> </dt><dd> 型: <em>整数型</em> </dd><dd> 要素のタブの順番。タブの順番は <code>tab</code> キーが押下されたときにフォーカスが移動する順番です。より大きな <code>tabindex</code> の値をもつ要素は、タブの遷移が後になります。 </dd></dl>

</div> <div id="a-toolbarbutton.type">

<dl><dt> <code id="a-toolbarbutton.type"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/toolbarbutton.type">type</a></code> </dt><dd> 型: <em>文字列型</em> </dd><dd> button の形式。この属性が提供されていない場合、通常のボタンが作成されます。この属性の値を <code>menu</code> に設定すると <a href="/ja/XUL/menupopup" title="ja/XUL/menupopup">menu popup</a> を持つボタンを作成することができます。これは、一般的には異なる表示の button になります。 </dd></dl>
<ul> <li><code>menu</code>: メニューポップアップを持つボタンを作成するには、type 属性の値を <code>menu</code> に設定します。この場合は button 内に <code><a href="/ja/docs/Mozilla/Tech/XUL/menupopup" title="menupopup">menupopup</a></code> 要素を置きます。ユーザがメニューを開閉するには button 上のどこかをクリックします。</li> <li><code>menu-button</code>: メニューを持つボタンを作成するには、値を <code>menu-button</code> に設定します。<code>menu</code> 型とは異なり、この形式はユーザが矢印を押してメニューを開く必要があります。ボタンのメイン部分が押されると別のコマンドが発生します。このボタンの形式はブラウザの戻るボタンや進むボタンに使用されています。</li> <li><code>checkbox</code>: <code id="a-checkState"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/checkState">チェック状態</a></code>を切り替えるトグルボタンを作成するには、この値を使用してください。押されるたびに checkState の値が切り替わります。</li> <li><code>radio</code>: ラジオボタンを作成するには、この値を使用してください。この形式と <code id="a-group"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/group">group</a></code> 属性を使用して toolbarbutton のグループを作成することもできます。</li>
</ul>


</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>
<p> </p><div id="p-accessKey">
<dl>
  <dt><code><span><a href="http://api/ja/docs/XUL/Property/accessKey">accessKey</a></span></code></dt>
  <dd>型: <em>文字型</em></dd>
  <dd><code id="a-accesskey"><a href="http://api/ja/docs/Mozilla/Tech/XUL/Attribute/accesskey">accesskey</a></code> 属性の値の取得と設定。</dd>
</dl></div> <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-autoCheck">
<dl><dt> <code><span><a href="http://api/ja/docs/XUL/Property/autoCheck">autoCheck</a></span></code> </dt><dd> 型: <em>論理型</em> </dd><dd> <code id="a-autoCheck"><a href="http://api/ja/docs/Mozilla/Tech/XUL/Attribute/autoCheck">autoCheck</a></code> 属性の値の取得と設定。 </dd></dl>
</div> <div id="p-checkState">
<dl><dt> <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/checkState">checkState</a></span></code> </dt><dd> 型: <em>整数型</em>, 値は <code>0</code> または <code>1</code>, <code>2</code> </dd><dd> <code id="a-checkState"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/checkState">checkState</a></code> 属性の値の取得と設定。 </dd></dl>
</div> <div id="p-checked">
<dl><dt> <code><span><a href="http://api/ja/docs/XUL/Property/checked">checked</a></span></code> </dt><dd> 型: <em>論理型</em> </dd><dd> <code id="a-checked"><a href="http://api/ja/docs/Mozilla/Tech/XUL/Attribute/checked">checked</a></code> 属性の値の取得と設定。 </dd></dl>
</div> <div id="p-command">
<dl><dt> <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/command">command</a></span></code> </dt><dd> 型: <em>要素の id</em> </dd><dd> <code id="a-command"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/command">command</a></code> 属性の値の取得と設定。 </dd></dl>
</div> <div id="p-crop">
<dl><dt> <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/crop">crop</a></span></code> </dt><dd> 型: <em>文字列型</em> </dd><dd> <code id="a-crop"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/crop">crop</a></code> 属性の値の取得と設定。 </dd></dl>
</div> <div id="p-dir">
<dl><dt> <code><span><a href="http://api/ja/docs/XUL/Property/dir">dir</a></span></code> </dt><dd> 型: <em>文字列型</em> </dd><dd> <code id="a-dir"><a href="http://api/ja/docs/Mozilla/Tech/XUL/Attribute/dir">dir</a></code> 属性の値の取得と設定。 </dd></dl>
</div> <div id="p-disabled">
<dl><dt> <code><span><a href="http://api/ja/docs/XUL/Property/disabled">disabled</a></span></code> </dt><dd> 型: <em>論理型</em> </dd><dd> <code id="a-disabled"><a href="http://api/ja/docs/Mozilla/Tech/XUL/Attribute/disabled">disabled</a></code> 属性の値の取得と設定。 </dd></dl>
</div> <div id="p-dlgType">
<dl><dt> <code><span><a href="http://api/ja/docs/XUL/Property/dlgType">dlgType</a></span></code> </dt><dd> 型: <em>文字列型</em> </dd><dd> <code id="a-dlgType"><a href="http://api/ja/docs/Mozilla/Tech/XUL/Attribute/dlgType">dlgType</a></code> 属性の値の取得と設定。 </dd></dl>
</div> <div id="p-group">
<dl><dt> <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/group">group</a></span></code> </dt><dd> 型: <em>文字列型の group 名</em> </dd><dd> <code id="a-group"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/group">group</a></code> 属性の値の取得と設定。 </dd></dl>
</div> <div id="p-image">
<dl><dt> <code><span><a href="http://api/ja/docs/XUL/Property/image">image</a></span></code> </dt><dd> 型: <em>image の URL</em> </dd><dd> <code id="a-image"><a href="http://api/ja/docs/Mozilla/Tech/XUL/Attribute/image">image</a></code> 属性の値の取得と設定。 </dd></dl>
</div> <div id="p-label">
<dl>
  <dt>
    <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/label">label</a></span></code></dt>
  <dd>
    型: <em>文字列型</em></dd>
  <dd>
    <code id="a-label"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/label">label</a></code> 属性の値の取得と設定。</dd>
</dl>

</div> <div id="p-open">
<dl><dt> <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/open">open</a></span></code> </dt><dd> 型: <em>論理型</em> </dd><dd> <code id="a-open"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/open">open</a></code> 属性の値の取得と設定。 </dd></dl>

</div> <div id="p-orient">
<dl><dt> <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/orient">orient</a></span></code> </dt><dd> 型: <em>文字列型</em> </dd><dd> <code id="a-orient"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/orient">orient</a></code> 属性の値の取得と設定。 </dd></dl>
</div> <div id="p-tabIndex">
<dl><dt> <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/tabIndex">tabIndex</a></span></code> </dt><dd> 型: <em>整数型</em> </dd><dd> <code id="a-tabindex"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/tabindex">tabindex</a></code> 属性の値の取得と設定。 </dd></dl>
</div> <div id="p-type">

<dl>
  <dt>
    <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/type">type</a></span></code></dt>
  <dd>
    型: <em>文字列型</em></dd>
  <dd>
    <code id="a-type"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/type">type</a></code> 属性の値の取得と設定。</dd>
</dl>

</div>
<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="Related" name="Related">関連項目</h3>
<dl> <dt>要素</dt> <dd><code><a href="/ja/docs/Mozilla/Tech/XUL/toolbar" title="toolbar">toolbar</a></code>, <code><a href="/ja/docs/Mozilla/Tech/XUL/toolbargrippy" title="toolbargrippy">toolbargrippy</a></code>, <code><a href="/ja/docs/Mozilla/Tech/XUL/toolbaritem" title="toolbaritem">toolbaritem</a></code>, <code><a href="/ja/docs/Mozilla/Tech/XUL/toolbarpalette" title="toolbarpalette">toolbarpalette</a></code>, <code><a href="/ja/docs/Mozilla/Tech/XUL/toolbarseparator" title="toolbarseparator">toolbarseparator</a></code>, <code><a href="/ja/docs/Mozilla/Tech/XUL/toolbarset" title="toolbarset">toolbarset</a></code>, <code><a href="/ja/docs/Mozilla/Tech/XUL/toolbarspacer" title="toolbarspacer">toolbarspacer</a></code>, <code><a href="/ja/docs/Mozilla/Tech/XUL/toolbarspring" title="toolbarspring">toolbarspring</a></code>, <code><a href="/ja/docs/Mozilla/Tech/XUL/toolbox" title="toolbox">toolbox</a></code></dd>
</dl>
<dl> <dt>インタフェース</dt> <dd><code><a href="/ja/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIAccessibleProvider" title="">nsIAccessibleProvider</a></code>, <code><a href="/ja/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIDOMXULButtonElement" title="">nsIDOMXULButtonElement</a></code></dd>
</dl>