grid

グリッドは要素を行と列に並べるレイアウト形式です。grid は子要素として、列の構造を定義する columns と行を定義する rows の両方の要素を含みます。各行列のサイズと属性は columns と rows で定義され、各セルのサイズと要素の位置に作用します。columns と rows 要素内に置かれた要素のどちらも表示されますが、通常はどちらか一方の要素内に置くことになります。一般的には rows 内に要素を置き、columns は幅の指定にのみ使用します。どちらの場合も grid の最後の要素が最前面に表示されます。一般的には columns 要素は grid の最初に現れます。

詳しい情報は XUL チュートリアルにあります。

例

<!-- groupbox containing a grid. 
     The second column is twice as big as the first column -->
<groupbox>
  <caption label="Details"/>
  <grid>
    <columns>
      <column flex="1"/>
      <column flex="2"/>
    </columns>
    <rows>
      <row>
        <label value="User name"/>
        <textbox id="user"/>
      </row>
      <row>
        <label value="Group"/>
        <menulist>
          <menupopup>
            <menuitem label="Accounts"/>
            <menuitem label="Sales" selected="true"/>
            <menuitem label="Support"/>
          </menupopup>
        </menulist>
      </row>
    </rows>
  </grid>
</groupbox>

属性

プロパティ

メソッド

関連項目

要素

columns, column, rows, row.