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

---
title: scale
slug: Archive/Mozilla/XUL/scale
tags:
  - XUL Elements
  - XUL Reference
translation_of: Archive/Mozilla/XUL/scale
---
<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>scale はある範囲内の値を選択できます。水平あるいは垂直に表示されるバー上のつまみをドラッグすることで値を選択します。</p>
<p>scale の方向を指定するには <code>orient</code> 属性を使ってください。デフォルトの値は水平方向のスケールを表示する <code>horizontal</code> です。小さな値が左にあり、大きな値が右にあります。垂直方向のスケールを使うには <code>orient</code> 属性を <code>vertical</code> にしてください。</p>
<p>ユーザは矢印キーを使って 1 単位ずつ値を増やしたり減らしたりできます。あるいは <code>Page Up</code> キーと <code>Page Down</code> キーを使って 1 ページずつ (<code>pageincrement</code> 属性で指定された) 値を増やしたり減らしたりできます。<code>Home</code> キーと <code>End</code> キーは scale の値をそれぞれ最小値と最大値に設定します。scale は値が変更されると <code>change</code> イベントを発生します。</p>
<dl><dt> 属性 </dt><dd> <a href="#a-disabled">disabled</a>, <a href="#a-increment">increment</a>, <a href="#a-max">max</a>, <a href="#a-min">min</a>, <a href="#a-movetoclick">movetoclick</a>, <a href="#a-pageincrement">pageincrement</a>, <a href="#a-tabindex">tabindex</a>, <a href="#a-value">value</a> </dd></dl> <dl><dt> プロパティ </dt><dd> <a href="#p-disabled">disabled</a>, <a href="#p-max">max</a>, <a href="#p-min">min</a>, <a href="#p-increment">increment</a>, <a href="#p-pageIncrement">pageIncrement</a>, <a href="#p-tabIndex">tabIndex</a>, <a href="#p-value">value</a>, </dd></dl> <dl><dt> メソッド </dt><dd> <a href="#m-decrease">decrease</a>, <a href="#m-decreasePage">decreasePage</a>, <a href="#m-increase">increase</a>, <a href="#m-increasePage">increasePage</a>, </dd></dl>
<h3 id="Examples" name="Examples">例</h3>
<p>水平スケール:</p>
<pre>&lt;scale min="1" max="10"/&gt;
</pre>
<p><img alt="Image:Controlguide-scale.png" class="internal" src="/@api/deki/files/1702/=Controlguide-scale.png"></p>
<p>垂直スケール:</p>
<pre>&lt;scale min="1" max="10" orient="vertical"/&gt;
</pre>
<h3 id="Attributes" name="Attributes">属性</h3>
<p> </p><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-increment">

<dl>
  <dt>
    <code id="a-increment"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/increment">increment</a></code></dt>
  <dd>
    型: <em>論理型</em></dd>
  <dd>
    矢印がクリックされたときに (スクロールバーの) <code id="a-curpos"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/curpos">curpos</a></code> あるいは (数値ボックスの) <code id="a-value"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/value">value</a></code> 属性の変更される量。デフォルト値は <code>1</code> です。</dd>
</dl>
</div> <div id="a-max">

<dl>
  <dt><code id="a-max"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/max">max</a></code> </dt>
  <dd>型: <em>整数型</em></dd>
  <dd>スケールまたは数値ボックスの取り得る最大値。スケールの場合の初期値は 100、数値ボックスの場合の初期値は無限。</dd>
</dl>


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

<dl>
 <dt>
  <code id="a-min"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/min">min</a></code></dt>
 <dd>
  型: <em>整数型</em></dd>
 <dd>
  スケールあるいは数値ボックスの取りうる最小値。デフォルト値は 0 です。</dd>
</dl>
<p> </p>
</div> <div id="a-movetoclick">

<dl><dt> <code id="a-movetoclick"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/movetoclick">movetoclick</a></code>  </dt><dd> 型: <em>論理型</em> </dd><dd> true の場合、scale のスライド領域をクリックすると、つまみが直接その位置に移動します。false の場合、スライド領域をクリックすると、つまみがその方向に目盛り 1 つ分だけ移動します。この属性を指定しない場合、各プラットフォームごとのデフォルト値が使用されます。</dd></dl>

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

<dl>
 <dt>
  <code id="a-pageincrement"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/pageincrement">pageincrement</a></code></dt>
 <dd>
  型: <em>整数型</em></dd>
 <dd>
  (scrollbar の) <code id="a-curpos"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/curpos">curpos</a></code> 属性あるいは (scale の) <code id="a-value"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/value">value</a></code> 属性の値が、スクロールバーのトレイがクリックされるか、<code>PgUp</code> / <code>PdDn</code> キーが押された時に変更される量。トレイはスクロールバーのつまみが動く範囲です。デフォルト値は 10 です。</dd>
</dl>
<p> </p>
</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-value">

<dl><dt> <code id="a-value"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/value">value</a></code> </dt><dd> 型: <em>文字列型</em> </dd><dd> 文字列の属性はデータ値を要素に関連付けます。特定の目的のために使われるわけではありませんが、スクリプトからあなた自身の用途のためにアクセスできます。 </dd></dl>


</div>
<h3 id="Properties" name="Properties">プロパティ</h3>
<p> </p><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-increment">
<dl>
  <dt>
    <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/increment">increment</a></span></code></dt>
  <dd>
    型: <em>整数型</em></dd>
  <dd>
    <code id="a-increment"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/increment">increment</a></code> 属性の値の取得と設定。</dd>
</dl></div> <div id="p-min">

<dl>
  <dt><code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/min">min</a></span></code></dt>
  <dd>型: <em>整数型</em></dd>
  <dd><code id="a-min"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/min">min</a></code> 属性の値の取得と設定。</dd>
</dl></div> <div id="p-max">
<dl>
  <dt>
    <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/max">max</a></span></code></dt>
  <dd>
    型: <em>整数型</em></dd>
  <dd>
    <code id="a-max"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/max">max</a></code> 属性の値の取得と設定。</dd>
</dl></div> <div id="p-pageIncrement">
<dl><dt> <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/pageIncrement">pageIncrement</a></span></code> </dt><dd> 型: <em>整数型</em> </dd><dd> <code id="a-pageincrement"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/pageincrement">pageincrement</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-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> <dl>
 <dt>
  <span id="m-decrease"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/decrease">decrease()</a></code></span></dt>
 <dd>
  戻り値の型: <em>戻り値無し</em></dd>
 <dd>
  scale または数値ボックスの値を <code id="a-increment"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/increment">increment</a></code> 分減らす</dd>
</dl> <dl>
  <dt><span id="m-decreasePage"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/decreasePage">decreasePage()</a></code></span></dt>
  <dd>戻り値の型: <em>戻り値無し</em></dd>
  <dd>scale の値を <code id="a-pageincrement"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/pageincrement">pageincrement</a></code> 分減らす</dd>
</dl> <dl>
  <dt>
    <span id="m-increase"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/increase">increase()</a></code></span></dt>
  <dd>
    戻り値の型: <em>戻り値なし</em></dd>
  <dd>
    scale または数値ボックスの値を <code id="a-increment"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/increment">increment</a></code> 分増やす。</dd>
</dl> <dl>
  <dt><span id="m-increasePage"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/increasePage">increasePage()</a></code></span></dt>
  <dd>戻り値の型: <em>戻り値無し</em></dd>
  <dd>scale の値を <code id="a-pageincrement"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/pageincrement">pageincrement</a></code> 分増やす。</dd>
</dl>
<h3 id="Related" name="Related">関連項目</h3>
<dl><dt> インタフェース </dt><dd> <a href="/ja/NsIDOMXULControlElement" title="ja/NsIDOMXULControlElement">nsIDOMXULControlElement</a> </dd></dl>
<div class="noinclude">

</div>