diff options
author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:40:17 -0500 |
---|---|---|
committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:40:17 -0500 |
commit | 33058f2b292b3a581333bdfb21b8f671898c5060 (patch) | |
tree | 51c3e392513ec574331b2d3f85c394445ea803c6 /files/ja/archive/mozilla/xul/label | |
parent | 8b66d724f7caf0157093fb09cfec8fbd0c6ad50a (diff) | |
download | translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.gz translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.bz2 translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.zip |
initial commit
Diffstat (limited to 'files/ja/archive/mozilla/xul/label')
-rw-r--r-- | files/ja/archive/mozilla/xul/label/index.html | 151 |
1 files changed, 151 insertions, 0 deletions
diff --git a/files/ja/archive/mozilla/xul/label/index.html b/files/ja/archive/mozilla/xul/label/index.html new file mode 100644 index 0000000000..0550683fa6 --- /dev/null +++ b/files/ja/archive/mozilla/xul/label/index.html @@ -0,0 +1,151 @@ +--- +title: label +slug: Archive/Mozilla/XUL/label +tags: + - XUL Elements + - XUL Reference +translation_of: Archive/Mozilla/XUL/label +--- +<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>この要素は control 要素のラベルを提供します。ユーザが label をクリックすると、フォーカスが <code id="a-control"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/control">control</a></code> 属性で指定され関連付けられた control に移動します。</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-accesskey">accesskey</a>, <a href="#a-control">control</a>, <a href="#a-crop">crop</a>, <a href="#a-disabled">disabled</a>, <a href="#a-href">href</a>, <a href="#a-label.value">value</a> </dd></dl> <dl><dt> プロパティ </dt><dd> <a href="#p-accessKey">accessKey</a>, <a href="#p-accessibleType">accessibleType</a>, <a href="#p-control">control</a>, <a href="#p-crop">crop</a>, <a href="#p-disabled">disabled</a>, <a href="#p-value">value</a> </dd></dl> <dl><dt> スタイルクラス </dt><dd> <a href="#s-header">header</a>, <a href="#s-indent">indent</a>, <a href="#s-monospace">monospace</a>, <a href="#s-plain">plain</a>, <a href="#s-small-margin">small-margin</a>, <a href="#s-text-link">text-link</a> </dd></dl> +<h3 id="Examples" name="Examples">例</h3> +<div class="float-right"><img alt="Image:XUL_ref_label.png" class="internal" src="/@api/deki/files/1818/=XUL_ref_label.png"></div> +<pre class="eval"><label value="Email address" control="email"/> +<textbox id="email"/> +</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-control"> + +<dl> + <dt> + <code id="a-control"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/control">control</a></code></dt> + <dd> + 型: <em>要素の id</em></dd> + <dd> + この属性は label と関連付けられた要素の <code id="a-id"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/id">id</a></code> を指定します。ユーザが label をクリックすると、関連付けられた要素にフォーカスが与えられます。</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-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-href"> + +<dl><dt> <code id="a-href"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/href">href</a></code> </dt><dd> 型: <em>文字列型</em> </dd><dd> この要素がクリックされた時に開かれる URL を定義します。<a href="/ja/XUL/Style/text-link" title="ja/XUL/Style/text-link">text-link</a> を含めるには class 属性が必要です。 </dd></dl> + + +</div> <div id="a-label.value"> + +<dl><dt> <code id="a-label.value"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/label.value">value</a></code> </dt><dd> 型: <em>文字列型</em> </dd><dd> label に使用されるテキスト。 </dd></dl> + +</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-control"> +<dl> + <dt> + <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/control">control</a></span></code> </dt> + <dd> + 型: <em>要素の id</em></dd> + <dd> + <code id="a-control"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/control">control</a></code> 属性の値の取得と設定。</dd> +</dl> + + +<p> </p></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-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-value"> +<dl> + <dt> + <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/value">value</a></span></code></dt> + <dd> + 型: <em>文字列型</em></dd> + <dd> + <code id="a-value"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/value">value</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="Style_classes" name="Style_classes">スタイルクラス</h3> +<p>次のクラスは要素のスタイル付けに使用されます。これらのクラスは、ユーザの選択したテーマに自然に合うようにするため、要素のスタイルを直接変更する代わりに使用されます。</p> +<dl><dt> <code><a href="https://developer.mozilla.org/ja/docs/XUL/Style/header">header</a></code> </dt><dd> 見出しに使用するクラス。一般的に、テキストがボールド体で表現されます。 </dd></dl> <dl><dt> <code><a href="https://developer.mozilla.org/ja/docs/XUL/Style/indent">indent</a></code> </dt><dd> このクラスを使用すると、テキストの先頭が字下げされます。 </dd></dl> <dl><dt> <code><a href="https://developer.mozilla.org/ja/docs/XUL/Style/monospace">monospace</a></code> </dt><dd> このクラスを使用すると、テキストが等幅フォントで表示されます。 </dd></dl> <dl><dt> <code><a href="https://developer.mozilla.org/ja/docs/XUL/Style/plain">plain</a></code> </dt><dd> このクラスによって、要素は border や margin なしで表示されます。 </dd></dl> <dl><dt> <code><a href="https://developer.mozilla.org/ja/docs/XUL/Style/small-margin">small-margin</a></code> </dt><dd> このクラスを使用すると、テキストの余白が小さく表示されます。 </dd></dl> <dl><dt> <code><a href="https://developer.mozilla.org/ja/docs/XUL/Style/text-link">text-link</a></code> </dt><dd> このクラスを持つ label は、フォーカスされ、click ハンドラが実行され、<a href="/ja/XUL/Attribute/href" title="ja/XUL/Attribute/href">href 属性</a>のアドレスがマウスクリックや Enter キーの押下によって開かれます。label はリンクのようになります (青色で下線付き)。 </dd></dl> +<h3 id="Related" name="Related">関連項目</h3> +<dl><dt> 要素 </dt><dd> <code><a href="/ja/docs/Mozilla/Tech/XUL/description" title="description">description</a></code> </dd></dl> <dl><dt> 属性 </dt><dd> <code id="a-label"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/label">label</a></code> </dd></dl> <dl><dt> インタフェース </dt><dd> <a href="/ja/nsIAccessibleProvider" title="ja/nsIAccessibleProvider">nsIAccessibleProvider</a>, <a href="/ja/NsIDOMXULLabelElement" title="ja/NsIDOMXULLabelElement">nsIDOMXULLabelElement</a> </dd></dl> +<h3 id="User_notes" name="User_notes">ユーザノート</h3> +<p>label 要素は "value" 属性を持ち、HTML 内で button や checkbox が属性として label="foo" を使用するのとは異なることを忘れないでください。</p> +<pre><label label="キャプション"/> <-- 間違い --> +<label value="キャプション"/> + +<label value="ボタンをクリック"/> +<button label="ボタン"/> +<checkbox label="選択肢" value="1"/> +</pre> +<p> </p> +<div class="noinclude"> + +</div> |