files/ja/archive/mozilla/xul/attribute/align/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

---
title: align
slug: Archive/Mozilla/XUL/Attribute/align
tags:
  - XUL Attributes
  - XUL Reference
  - 要更新
translation_of: Archive/Mozilla/XUL/Attribute/align
---
<div>
 <span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/ja/docs/XUL/XUL_Reference">XUL リファレンス HOME</a></span><div class="blockIndicator warning">
    <p><strong>警告:</strong> <strong>この記事の内容は古くなっている可能性があります。</strong> </p>
</div></div>
<dl>
 <dt>
  <code id="a-align"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/align">align</a></code></dt>
 <dd>
  型: <em>下記の値のいずれか一つ</em></dd>
 <dd>
  align 属性は、box の大きさが子要素の合計より大きいときの box の子要素の揃え位置を指定します。水平指向のボックスでは、子要素の垂直方向の揃え位置を指定します。垂直指向のボックスでは、子要素の水平方向の揃え位置を指定するために使用されます。<code id="a-pack"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/pack">pack</a></code> 属性も揃え方に関連しますが、反対方向の位置を指定するために使用されます。また、align の値をスタイルプロパティの <a href="/ja/CSS/-moz-box-align" title="ja/CSS/-moz-box-align">-moz-box-align</a> を使用して指定することもできます。</dd>
</dl>
<ul>
 <li><code>start</code>: 子要素を box の左端または上端に揃えます。box の大きさが子要素の合計より大きいときは、右側または下側に余分な空間が置かれます。</li>
 <li><code>center</code>: 余分な空間が子要素の両側に均等に分かれ、子要素は box の中央に置かれます。</li>
 <li><code>end</code>: 子要素は box の右端または下端に置かれます。box の大きさが子要素の合計より大きいときは、左側または上側に余分な空間が置かれます。</li>
 <li><code>baseline</code>: この値は水平指向のボックスにのみ適用されます。これにより、子要素はそれらのテキストラベルの順に並びます。</li>
 <li><code>stretch</code>: 子要素は box の大きさに引き伸ばされます。水平指向のボックス (hbox) では、子要素が box と同じ高さになるように引き伸ばされます。垂直指向のボックス (vbox) では、子要素は box と同じ幅になるように引き伸ばされます。box の大きさが変更されたときは、子要素もそれに従います。反対方向に引き伸ばす要素を生成するには <code id="a-flex"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/flex">flex</a></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>
</ul>
<h2 id="See_also" name="See_also">関連情報</h2>
<ul>
 <li><code id="a-pack"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/pack">pack</a></code> 属性</li>
</ul>