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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
|
---
title: <mtable>
slug: Web/MathML/Element/mtable
translation_of: Web/MathML/Element/mtable
---
<p>{{MathMLRef()}}</p>
<p>MathML の <code><mtable></code> 要素は表や行列を作るのに使えます。<code><mtable></code> の中には {{ MathMLElement("mtr") }} と {{ MathMLElement("mtd") }} のみが書けます。これらの要素の関係は，<a href="/ja/docs/HTML">HTML</a> の{{ HTMLElement("table") }}，{{ HTMLElement("tr") }} と {{ HTMLElement("td") }} の関係に似ています。</p>
<h2 id="属性">属性</h2>
<dl>
<dt id="attr-align">align</dt>
<dd>Specifies the <strong>vertical</strong> alignment of the table with respect to its environment.<br>
Possible values are:
<ul>
<li><code>axis</code> (default): The vertical center of the table aligns on the environment's axis (typically the minus sign).</li>
<li><code>baseline</code>: The vertical center of the table aligns on the environment's baseline.</li>
<li><code>bottom</code>: The bottom of the table aligns on the environments baseline.</li>
<li><code>center</code>: See baseline.</li>
<li><code>top</code>: The top of the table aligns on the environments baseline.</li>
</ul>
In addition, values of the <code>align</code> attribute can end with a <em>rownumber</em> (e.g. <code>align="center 3"</code>). This allows you to align the specified row of the table rather than the whole table. A negative Integer value counts rows from the bottom of the table. Starting with Gecko 8.0 {{ geckoRelease("8.0") }} the interpretation of <em>negative</em> values has been corrected ({{ bug(601436) }}). In Gecko 17.0 {{geckoRelease("17.0")}} the parsing has been updated to treat whitespace correctly.</dd>
<dt id="attr-alignmentscope">alignmentscope</dt>
<dt id="attr-class-id-style">class, id, style</dt>
<dd>Provided for use with <a href="/ja/docs/CSS">stylesheets</a>.</dd>
<dt id="attr-columnalign">columnalign</dt>
<dd>セル内の水平方向の揃えを指定します。スペース区切りで複数の値を書くこともでき，その場合，対応する列に適用されます（例：<code>columnalign="left right center"</code>）取り得る値は <code>left，center</code>（既定値）と <code>right</code> です。</dd>
<dt id="attr-columnlines">columnlines</dt>
<dd>列間罫線を指定します。スペース区切りで複数の値を書くこともでき，その場合，対応する列の間に適用されます（例：<code>columnlines="none none solid"</code>）。取り得る値は <code>none</code>（既定値），<code>solid</code> と <code>dashed</code> です。</dd>
<dt id="attr-columnspacing">columnspacing</dt>
<dd>列間スペースを指定します。</dd>
<dt id="attr-columnwidth">columnwidth</dt>
<dd>列幅を指定します。</dd>
<dt id="attr-displaystyle">displaystyle</dt>
<dd>A Boolean value specifying whether more vertical space is used for displayed equations or, if set to <code>false</code>, a more compact layout is used to display formulas. The main effect is that larger versions of operators are displayed, when <code>displaystyle</code> is set to <code>true</code>.</dd>
<dt id="attr-equalcolumns">equalcolumns</dt>
<dd>全列の幅（訳注：原文は total height とあるが total width の誤りだろう）を強制的に同じにするか否かを示す真偽値。既定値は <code>false</code>。</dd>
<dt id="attr-equalrows">equalrows</dt>
<dd>全行の高さを強制的に同じにするか否かを示す真偽値。既定値は <code>false。</code></dd>
<dt id="attr-frame">frame</dt>
<dd>Specifies borders of the entire table. Possible values are: <code>none</code> (default), <code>solid</code> and <code>dashed</code>.</dd>
<dt id="attr-framespacing">framespacing</dt>
<dd>Specifies additional space added between the table and frame.</dd>
<dt id="attr-groupalign">groupalign</dt>
<dt id="attr-href">href</dt>
<dd>Used to set a hyperlink to a specified URI.</dd>
<dt id="attr-mathbackground">mathbackground</dt>
<dd>The background color. You can use <code>#rgb</code>, <code>#rrggbb</code> and <a href="/ja/docs/CSS/color_value#Color_Keywords">HTML color names</a>.</dd>
<dt id="attr-mathcolor">mathcolor</dt>
<dd>The text color. You can use <code>#rgb</code>, <code>#rrggbb</code> and <a href="/ja/docs/CSS/color_value#Color_Keywords">HTML color names</a>.</dd>
<dt id="attr-minlabelspacing">minlabelspacing</dt>
<dd>A length value specifing the minimum space between a <a href="/ja/docs/MathML/Element/mlabeledtr">label</a> and the adjacent cell in the row.</dd>
<dt id="attr-rowalign">rowalign</dt>
<dd>セルの垂直方向の揃えを指定します。スペース区切りで複数の値を書くこともでき，その場合，対応する行に適用されます（例：<code>rowalign="top bottom axis"</code>）。取り得る値は <code>axis，baseline</code>（既定値），<code>bottom，center</code> と <code>top</code> です。</dd>
<dt id="attr-rowlines">rowlines</dt>
<dd>行間罫線を指定します。スペース区切りで複数の値を書くこともでき，その場合，対応する列の間に適用されます。（例：<code>rowlines="none none solid"</code>）。取り得る値は <code>none</code>（既定値），<code>solid</code> と <code>dashed</code> です。</dd>
<dt id="attr-rowspacing">rowspacing</dt>
<dd>行間スペースを指定します。</dd>
<dt id="attr-side">side</dt>
<dd>{{ MathMLElement("mlabeledtr") }} ラベル要素を置く場所を指定します。 取り得る値は <code>left</code>，<code>right</code>（既定値），<code>leftoverlap</code> と <code>rightoverlap</code> です。</dd>
<dt id="attr-width">width</dt>
<dd>Specifies the width of the entire table. Accepts <a href="/ja/docs/MathML/Attributes/Values#Lengths">length values</a>.</dd>
</dl>
<h2 id="例">例</h2>
<h4 id="Example_1_揃える位置を行番号で指定する">Example 1: 揃える位置を行番号で指定する</h4>
<p>Rendering: <img alt="" src="/files/3295/mtable-1.png" style="margin-left: 10px; vertical-align: middle;"></p>
<pre class="brush: html"><math>
<mi>X</mi>
<mo>=</mo>
<mtable frame="solid" rowlines="solid" align="axis 3">
<mtr>
<mtd><mi>A</mi></mtd>
<mtd><mi>B</mi></mtd>
</mtr>
<mtr>
<mtd><mi>C</mi></mtd>
<mtd><mi>D</mi></mtd>
</mtr>
<mtr>
<mtd><mi>E</mi></mtd>
<mtd><mi>F</mi></mtd>
</mtr>
</mtable>
</math>
</pre>
<h2 id="sect1"></h2>
<h2 id="Specifications" name="Specifications">仕様</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Specification</th>
<th scope="col">Status</th>
<th scope="col">Comment</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{ SpecName('MathML3', 'chapter3.html#presm.mtable', 'mtable') }}</td>
<td>{{ Spec2('MathML3') }}</td>
<td>Current specification</td>
</tr>
<tr>
<td>{{ SpecName('MathML2', 'chapter3.html#presm.mtable', 'mtable') }}</td>
<td>{{ Spec2('MathML2') }}</td>
<td>Initial specification</td>
</tr>
</tbody>
</table>
<h2 id="ブラウザ毎の互換性">ブラウザ毎の互換性</h2>
<p>{{Compat("mathml.elements.mtable")}}</p>
<h2 id="See_also">See also</h2>
<ul>
<li>{{ MathMLElement("mtd") }} (Table cell)</li>
<li>{{ MathMLElement("mtr") }} (Table row)</li>
</ul>
|
