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/web/mathml | |
| 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/web/mathml')
31 files changed, 3459 insertions, 0 deletions
diff --git a/files/ja/web/mathml/attribute/index.html b/files/ja/web/mathml/attribute/index.html new file mode 100644 index 0000000000..8107079bca --- /dev/null +++ b/files/ja/web/mathml/attribute/index.html @@ -0,0 +1,476 @@ +--- +title: MathML 属性リファレンス +slug: Web/MathML/Attribute +tags: + - MathML + - MathML Reference +translation_of: Web/MathML/Attribute +--- +<p>これは MathML 属性のアルファベット順リストです。各属性の詳細はそれぞれの <a href="/docs/MathML/Element" title="/docs/MathML/Element">要素のページ</a> にあります。</p> + +<p>補足:</p> + +<ul> + <li>MathML {{ MathMLElement("mstyle") }} 要素と {{ MathMLElement("math") }} {{ gecko_minversion_inline("7.0") }} 要素は、すべての MathML プレゼンテーション要素のすべての属性を受け入れます。</li> + <li>MathML の値と単位についての補足は、<a href="/docs/MathML/Attributes/Values" title="/docs/MathML/Attributes/Values">値</a> を参照してください。</li> +</ul> + +<table class="standard-table"> + <thead> + <tr> + <th>属性名</th> + <th>この属性を取る要素</th> + <th>説明</th> + </tr> + </thead> + <tbody> + <tr id="accent"> + <td><code>accent</code></td> + <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mover") }}, {{ MathMLElement("munderover") }}</td> + <td>演算子がアクセント記号として扱われるべきか否かを指定する真偽値。</td> + </tr> + <tr id="accentunder"> + <td><code>accentunder</code></td> + <td>{{ MathMLElement("munder") }}, {{ MathMLElement("munderover") }}</td> + <td>演算子がアクセント記号として扱われるべきか否かを指定する真偽値。</td> + </tr> + <tr id="actiontype"> + <td><code>actiontype</code></td> + <td>{{ MathMLElement("maction") }}</td> + <td>この要素で起こるアクションを指定する文字列値。</td> + </tr> + <tr id="align"> + <td><code>align</code></td> + <td>{{ MathMLElement("mtable") }}<br> + {{ MathMLElement("munder") }}, {{ MathMLElement("mover") }}, {{ MathMLElement("munderover") }}<br> + {{ MathMLElement("mstack") }}</td> + <td>いくつかの要素の揃える位置を指定する (詳細は要素のページを参照)。</td> + </tr> + <tr id="alignmentscope"> + <td>{{ unimplemented_inline() }} <code>alignmentscope</code></td> + <td>{{ MathMLElement("mtable") }}</td> + <td>テーブル列が整列スコープとして振る舞うか否かを指定する真偽値。</td> + </tr> + <tr id="alt-*"> + <td>{{ unimplemented_inline() }}<br> + <code>altimg</code><br> + <code>altimg-width</code><br> + <code>altimg-height</code><br> + <code>altimg-valign</code><br> + <code>alttext</code></td> + <td>{{ MathMLElement("math") }}</td> + <td>視覚的およびテキストへのフォールバックオプション。</td> + </tr> + <tr id="bevelled"> + <td><code>bevelled</code></td> + <td>{{ MathMLElement("mfrac") }}</td> + <td>分数がどのように表示されるべきかを指定する。</td> + </tr> + <tr id="charalign"> + <td>{{ unimplemented_inline() }} <code>charalign</code></td> + <td>{{ MathMLElement("mstack") }}</td> + <td>桁の水平方向の揃えを指定する。</td> + </tr> + <tr id="close"> + <td><code>close</code></td> + <td>{{ MathMLElement("mfenced") }}</td> + <td>閉じデリミタの文字列。</td> + </tr> + <tr id="columnalign"> + <td><code>columnalign</code></td> + <td>{{ MathMLElement("mtable") }}, {{ MathMLElement("mtd") }}, {{ MathMLElement("mtr") }}, {{ MathMLElement("mlabeledtr") }}</td> + <td>表のセルの水平方向の揃えを指定する。</td> + </tr> + <tr id="columnlines"> + <td><code>columnlines</code></td> + <td>{{ MathMLElement("mtable") }}</td> + <td>表の列間罫線を指定する。</td> + </tr> + <tr id="columnspacing"> + <td><code>columnspacing</code></td> + <td>{{ MathMLElement("mtable") }}</td> + <td>表の列間スペースを指定する。</td> + </tr> + <tr id="columnspan"> + <td><code>columnspan</code></td> + <td>{{ MathMLElement("mtd") }}</td> + <td>表のセルが何列分を占めるかを指定する非負整数。</td> + </tr> + <tr id="columnwidth"> + <td>{{ unimplemented_inline() }} <code>columnwidth</code></td> + <td>{{ MathMLElement("mtable") }}</td> + <td>表の列の幅を指定する。</td> + </tr> + <tr id="crossout"> + <td>{{ unimplemented_inline() }} <code>crossout</code></td> + <td>{{ MathMLElement("mscarry") }}</td> + <td>Specifies what kind of line is drawn to cross out carries.</td> + </tr> + <tr id="decimalpoint"> + <td>{{ unimplemented_inline() }} <code>decimalpoint</code></td> + <td>{{ MathMLElement("mstyle") }}</td> + <td>If the <code>decimalpoint</code> value is used to specify the <a href="#align">alignment</a>, this attribute is specifying the character for the alignment point within {{ MathMLElement("mstack") }} and {{ MathMLElement("mtable") }} columns.</td> + </tr> + <tr id="denomalign"> + <td><code>denomalign</code></td> + <td>{{ MathMLElement("mfrac") }}</td> + <td>分数の分母の揃え方。</td> + </tr> + <tr id="depth"> + <td><code>depth</code></td> + <td>{{ MathMLElement("mpadded") }}</td> + <td>Sets or increments the depth. See <a href="/docs/MathML/Attributes/Values">length</a>.</td> + </tr> + <tr id="dir"> + <td><code>dir</code></td> + <td>{{ MathMLElement("math") }}, {{ MathMLElement("mi") }}, {{ MathMLElement("mo") }}, {{ MathMLElement("mrow") }}, {{ MathMLElement("ms") }}, {{ MathMLElement("mtext") }}</td> + <td>The text direction. Possible values are either ltr (left to right) or rtl (right to left).</td> + </tr> + <tr id="display"> + <td><code>display</code></td> + <td>{{ MathMLElement("math") }}</td> + <td>レンダリングモードを指定する。取り得る値は <code>block</code> と <code>inline</code>。</td> + </tr> + <tr id="displaystyle"> + <td><code>displaystyle</code></td> + <td>{{ MathMLElement("mstyle") }}, {{ MathMLElement("mtable") }}</td> + <td>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.</td> + </tr> + <tr id="edge"> + <td>{{ unimplemented_inline() }} <code>edge</code></td> + <td>{{ MathMLElement("malignmark") }}</td> + <td> </td> + </tr> + <tr id="equalcolumns"> + <td>{{ unimplemented_inline() }} <code>equalcolumns</code></td> + <td>{{ MathMLElement("mtable") }}</td> + <td>A Boolean value indicating whether to force all columns to have the same total height.</td> + </tr> + <tr id="equalrows"> + <td>{{ unimplemented_inline() }} <code>equalrows</code></td> + <td>{{ MathMLElement("mtable") }}</td> + <td>A Boolean value indicating whether to force all rows to have the same total height.</td> + </tr> + <tr id="fence"> + <td><code>fence</code></td> + <td>{{ MathMLElement("mo") }}</td> + <td>A Boolean value specifying whether the operator is a fence (such as parentheses). There is no visual effect for this attribute.</td> + </tr> + <tr id="form"> + <td>{{ unimplemented_inline() }} <code>form</code></td> + <td>{{ MathMLElement("mo") }}</td> + <td>Specifies the role of the operator in an enclosed expression.</td> + </tr> + <tr id="frame"> + <td><code>frame</code></td> + <td>{{ MathMLElement("mtable") }}</td> + <td>Specifies borders of an entire {{ MathMLElement("mtable") }}. Possible values are: <code>none</code> (default), <code>solid</code> and <code>dashed</code>.</td> + </tr> + <tr id="framespacing"> + <td><code>framespacing</code></td> + <td>{{ MathMLElement("mtable") }}</td> + <td>Specifies additional space added between the table and <code>frame</code>.</td> + </tr> + <tr id="groupalign"> + <td>{{ unimplemented_inline() }} <code>groupalign</code></td> + <td>{{ MathMLElement("maligngroup") }}, {{ MathMLElement("mtable") }}, {{ MathMLElement("mtd") }}, {{ MathMLElement("mtr") }}</td> + <td> </td> + </tr> + <tr id="height"> + <td><code>height</code></td> + <td>{{ MathMLElement("mglyph") }}, {{ MathMLElement("mpadded") }}, {{ MathMLElement("mspace") }}</td> + <td>Specifies the desired height. See <a href="/docs/MathML/Attributes/Values#Lengths" title="/docs/MathML/Attributes/Values#Lengths">lengths</a> for possible values.</td> + </tr> + <tr id="href"> + <td><code>href</code></td> + <td><em>All</em></td> + <td>Used to set a hyperlink to a specified URI.</td> + </tr> + <tr id="id"> + <td><code>id</code></td> + <td><em>All</em></td> + <td>Sets up a unique identifier associated with the element.</td> + </tr> + <tr id="indentalign"> + <td>{{ unimplemented_inline() }} <code>indentalign</code></td> + <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> + <td> </td> + </tr> + <tr id="indentalignfirst"> + <td>{{ unimplemented_inline() }} <code>indentalignfirst</code></td> + <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> + <td> </td> + </tr> + <tr id="indentalignlast"> + <td>{{ unimplemented_inline() }} <code>indentalignlast</code></td> + <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> + <td> </td> + </tr> + <tr id="indentshift"> + <td>{{ unimplemented_inline() }} <code>indentshift</code></td> + <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> + <td> </td> + </tr> + <tr id="indentshiftfirst"> + <td>{{ unimplemented_inline() }} <code>indentshiftfirst</code></td> + <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> + <td> </td> + </tr> + <tr id="indentshiftlast"> + <td>{{ unimplemented_inline() }} <code>indentshiftlast</code></td> + <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> + <td> </td> + </tr> + <tr id="indenttarget"> + <td>{{ unimplemented_inline() }} <code>indenttarget</code></td> + <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> + <td> </td> + </tr> + <tr id="infixlinebreakstyle"> + <td>{{ unimplemented_inline() }} <code>infixlinebreakstyle</code></td> + <td>{{ MathMLElement("mstyle") }}</td> + <td>Specifies the default <code>linebreakstyle</code> to use for infix operators.</td> + </tr> + <tr id="largeop"> + <td><code>largeop</code></td> + <td>{{ MathMLElement("mo") }}</td> + <td>演算子が通常よりも大きく書かれるべきかを指定する。</td> + </tr> + <tr id="length"> + <td><code>length</code></td> + <td>{{ MathMLElement("msline") }}</td> + <td> </td> + </tr> + <tr id="linebreak"> + <td>{{ unimplemented_inline() }} <code>linebreak</code></td> + <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> + <td> </td> + </tr> + <tr id="linebreakmultchar"> + <td>{{ unimplemented_inline() }} <code>linebreakmultchar</code></td> + <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> + <td> </td> + </tr> + <tr id="linebreakstyle"> + <td>{{ unimplemented_inline() }} <code>linebreakstyle</code></td> + <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> + <td> </td> + </tr> + <tr id="lineleading"> + <td>{{ unimplemented_inline() }} <code>lineleading</code></td> + <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mspace") }}</td> + <td> </td> + </tr> + <tr id="linethickness"> + <td><code>linethickness</code></td> + <td>{{ MathMLElement("mfrac") }}</td> + <td>水平分数線の幅</td> + </tr> + <tr id="location"> + <td>{{ unimplemented_inline() }} <code>location</code></td> + <td>{{ MathMLElement("mscarries") }}</td> + <td> </td> + </tr> + <tr id="longdivstyle"> + <td>{{ unimplemented_inline() }} <code>longdivstyle</code></td> + <td>{{ MathMLElement("mlongdiv") }}</td> + <td>割り算の筆算レイアウトのスタイルを制御する。</td> + </tr> + <tr id="lspace"> + <td><code>lspace</code></td> + <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mpadded") }}</td> + <td>演算子の前側の空き量 (値と単位は <a href="/docs/MathML/Attributes/Values#Lengths">length</a> を参照)。</td> + </tr> + <tr id="lquote"> + <td><code>lquote</code></td> + <td>{{ MathMLElement("ms") }}</td> + <td>コンテンツを囲む引用開始文字 (<code>dir</code> に依存します)。デフォルト値は、"<code>&quot;</code>"。</td> + </tr> + <tr id="mathbackground"> + <td><code>mathbackground</code></td> + <td><em>All</em></td> + <td>背景色。<code>#rgb</code> および <code>#rrggbb</code>、<a href="/docs/CSS/color_value#HTML.2fSVG.2fX11.c2.a0_Color_Keywords">HTML カラー名</a> が使用できます。</td> + </tr> + <tr id="mathcolor"> + <td><code>mathcolor</code></td> + <td><em>All</em></td> + <td>テキスト色。<code>#rgb</code> および <code>#rrggbb</code>、<a href="/docs/CSS/color_value#HTML.2fSVG.2fX11.c2.a0_Color_Keywords">HTML カラー名</a> が使用できます。</td> + </tr> + <tr id="mathsize"> + <td><code>mathsize</code></td> + <td>{{ MathMLElement("mi") }}, {{ MathMLElement("mn") }}, {{ MathMLElement("mo") }}, {{ MathMLElement("ms") }}, {{ MathMLElement("mtext") }}</td> + <td>コンテンツのサイズ。Gecko 20.0 {{geckoRelease("20")}} 以降、単位無しの値が使用でき、デフォルト値の N 倍の値として解釈されます。</td> + </tr> + <tr id="mathvariant"> + <td><code>mathvariant</code></td> + <td>{{ MathMLElement("mi") }}, {{ MathMLElement("mn") }}, {{ MathMLElement("mo") }}, {{ MathMLElement("ms") }}, {{ MathMLElement("mtext") }}</td> + <td>識別子の論理クラス。タイポグラフィーによって様々です。</td> + </tr> + <tr id="maxsize"> + <td><code>maxsize</code></td> + <td>{{ MathMLElement("mo") }}</td> + <td>演算子の最大サイズ。</td> + </tr> + <tr id="minlabelspacing"> + <td>{{ unimplemented_inline() }} <code>minlabelspacing</code></td> + <td>{{ MathMLElement("mtable") }}</td> + <td>A <a href="/docs/MathML/Attributes/Values">length value</a> specifing the minimum space between a <a href="Element/mlabeledtr" rel="internal">label</a> and the adjacent cell in the row.</td> + </tr> + <tr id="minsize"> + <td><code>minsize</code></td> + <td>{{ MathMLElement("mo") }}</td> + <td>演算子の最小サイズ。</td> + </tr> + <tr id="movablelimits"> + <td><code>movablelimits</code></td> + <td>{{ MathMLElement("mo") }}</td> + <td>Specifies whether attached under- and overscripts move to sub- and superscript positions.</td> + </tr> + <tr id="notation"> + <td><code>notation</code></td> + <td>{{ MathMLElement("menclose") }}</td> + <td>A list of notations, separated by white space, to apply to the child elements.</td> + </tr> + <tr id="numalign"> + <td><code>numalign</code></td> + <td>{{ MathMLElement("mfrac") }}</td> + <td>分数の分子の揃え方。</td> + </tr> + <tr id="open"> + <td><code>open</code></td> + <td>{{ MathMLElement("mfenced") }}</td> + <td>開きデリミタの文字列。</td> + </tr> + <tr id="overflow"> + <td>{{ unimplemented_inline() }} <code>overflow</code></td> + <td>{{ MathMLElement("math") }}</td> + <td>If an expression is too long to fit in the allowed width, this attribute sets the preferred handling.</td> + </tr> + <tr id="position"> + <td>{{ unimplemented_inline() }} <code>position</code></td> + <td>{{ MathMLElement("msgroup") }}, {{ MathMLElement("msrow") }}, {{ MathMLElement("mscarries") }}, {{ MathMLElement("msline") }}</td> + <td> </td> + </tr> + <tr id="rowalign"> + <td><code>rowalign</code></td> + <td>{{ MathMLElement("mtable") }}, {{ MathMLElement("mtd") }}, {{ MathMLElement("mtr") }}</td> + <td>表のセルの垂直方向の揃えを指定する。</td> + </tr> + <tr id="rowlines"> + <td><code>rowlines</code></td> + <td>{{ MathMLElement("mtable") }}</td> + <td>表の行間罫線を指定する。</td> + </tr> + <tr id="rowspacing"> + <td><code>rowspacing</code></td> + <td>{{ MathMLElement("mtable") }}</td> + <td>表の行間スペースを指定する。</td> + </tr> + <tr id="rowspan"> + <td><code>rowspan</code></td> + <td>{{ MathMLElement("mtd") }}</td> + <td>表のセルが何行分を占めるかを指定する非負整数。</td> + </tr> + <tr id="rspace"> + <td><code>rspace</code></td> + <td>{{ MathMLElement("mo") }}</td> + <td>演算子の後ろ側の空き量。</td> + </tr> + <tr id="rquote"> + <td><code>rquote</code></td> + <td>{{ MathMLElement("ms") }}</td> + <td>コンテンツを囲む引用終了文字 (<code>dir</code> に依存します)。デフォルト値は、"<code>&quot;</code>"。</td> + </tr> + <tr id="scriptlevel"> + <td><code>scriptlevel</code></td> + <td>{{ MathMLElement("mstyle") }}</td> + <td>Controls mostly the font-size. The higher the <code>scriptlevel</code>, the smaller the font size.</td> + </tr> + <tr id="scriptminsize"> + <td><code>scriptminsize</code></td> + <td>{{ MathMLElement("mstyle") }}</td> + <td>Specifies a minimum font size allowed due to changes in <code>scriptlevel</code>.<br> + Starting with Gecko 20.0 {{geckoRelease("20")}} unitless values and percent values are allowed and interpreted as multiple of "8pt".</td> + </tr> + <tr id="scriptsizemultiplier"> + <td><code>scriptsizemultiplier</code></td> + <td>{{ MathMLElement("mstyle") }}</td> + <td>Specifies the multiplier to be used to adjust font size due to changes in <code>scriptlevel</code>.</td> + </tr> + <tr id="selection"> + <td><code>selection</code></td> + <td>{{ MathMLElement("maction") }}</td> + <td>The child element which is addressed by the action.</td> + </tr> + <tr id="separator"> + <td><code>separator</code></td> + <td>{{ MathMLElement("mo") }}</td> + <td>視覚的には変わらないが，演算子が区切り記号（カンマなど）であるか否かを指定する。</td> + </tr> + <tr id="separators"> + <td><code>separators</code></td> + <td>{{ MathMLElement("mfenced") }}</td> + <td>区切り記号として使うゼロ個以上の文字の列</td> + </tr> + <tr id="shift"> + <td>{{ unimplemented_inline() }} <code>shift</code></td> + <td>{{ MathMLElement("msgroup") }}</td> + <td> </td> + </tr> + <tr id="side"> + <td>{{ unimplemented_inline() }} <code>side</code></td> + <td>{{ MathMLElement("mtable") }}</td> + <td>Specifies the position where {{ MathMLElement("mlabeledtr") }} label elements should be placed.</td> + </tr> + <tr id="src"> + <td>{{ unimplemented_inline() }} <code>src</code></td> + <td>{{ MathMLElement("mglyph") }}</td> + <td>画像リソースの場所</td> + </tr> + <tr id="stackalign"> + <td>{{ unimplemented_inline() }} <code>stackalign</code></td> + <td>{{ MathMLElement("mstack") }}</td> + <td> </td> + </tr> + <tr id="stretchy"> + <td><code>stretchy</code></td> + <td>{{ MathMLElement("mo") }}</td> + <td>Specifies whether the operator stretches to the size of the adjacent element.</td> + </tr> + <tr id="subscriptshift"> + <td><code>subscriptshift</code></td> + <td>{{ MathMLElement("mmultiscripts") }}, {{ MathMLElement("msub") }}, {{ MathMLElement("msubsup") }}</td> + <td>The minimum space by which to shift the subscript below the baseline of the expression.</td> + </tr> + <tr id="supscriptshift"> + <td><code>supscriptshift</code></td> + <td>{{ MathMLElement("mmultiscripts") }}, {{ MathMLElement("msup") }}, {{ MathMLElement("msubsup") }}</td> + <td>The minimum space by which to shift the superscript above the baseline of the expression.</td> + </tr> + <tr id="symmetric"> + <td><code>symmetric</code></td> + <td>{{ MathMLElement("mo") }}</td> + <td>If <code>stretchy</code> is <code>true</code>, this attribute specifies whether the operator should be vertically symmetric around the imaginary math axis (centered fraction line).</td> + </tr> + <tr id="voffset"> + <td><code>voffset</code></td> + <td>{{ MathMLElement("mpadded") }}</td> + <td>Sets the vertical position of the child content.</td> + </tr> + <tr id="width"> + <td><code>width</code></td> + <td>{{ MathMLElement("mglyph") }}, {{ MathMLElement("mpadded") }}, {{ MathMLElement("mspace") }}, {{ MathMLElement("mtable") }}</td> + <td>Specifies the desired width. See <a href="/docs/MathML/Attributes/Values#Lengths">lengths</a> for possible values.</td> + </tr> + <tr id="xlink-href"> + <td><code>xlink:href</code></td> + <td><em>All</em></td> + <td>Can be used to set a hyperlink to a specfied URI. However, authors are encouraged to use the <code>href</code> attribute instead.</td> + </tr> + <tr id="xmlns"> + <td><code>xmlns</code></td> + <td>{{ MathMLElement("math") }}</td> + <td>MathML 名前空間の URI (<code><a class="external" href="http://www.w3.org/1998/Math/MathML" rel="freelink">http://www.w3.org/1998/Math/MathML</a></code>) を指定する</td> + </tr> + </tbody> +</table> diff --git a/files/ja/web/mathml/attribute/values/index.html b/files/ja/web/mathml/attribute/values/index.html new file mode 100644 index 0000000000..62feff0c78 --- /dev/null +++ b/files/ja/web/mathml/attribute/values/index.html @@ -0,0 +1,153 @@ +--- +title: Values +slug: Web/MathML/Attribute/Values +tags: + - Guide + - MathML + - MathML Reference +translation_of: Web/MathML/Attribute/Values +--- +<div>{{MathMLRef}}</div> + +<h2 id="Lengths">Lengths</h2> + +<p>いくつかの MathML プレゼンテーション要素には、サイズまたは間隔に使用される長さの値を受け入れる属性があります。 MathML は、長さを指定するための様々な単位と定数を受け入れます。</p> + +<h3 id="単位">単位</h3> + +<table class="standard-table"> + <thead> + <tr> + <th>単位</th> + <th>説明</th> + </tr> + </thead> + <tbody> + <tr> + <td><code>em</code></td> + <td>{{ Cssxref("font-size", "Font-relative") }} unit</td> + </tr> + <tr> + <td><code>ex</code></td> + <td>{{ Cssxref("font-size", "Font-relative") }} unit. (The "x"-height of the element, <code>1ex ≈ 0.5em</code> in many fonts)</td> + </tr> + <tr> + <td><code>px</code></td> + <td>Pixels</td> + </tr> + <tr> + <td><code>in</code></td> + <td>Inches (1 inch = 2.54 centimeters)</td> + </tr> + <tr> + <td><code>cm</code></td> + <td>センチメートル</td> + </tr> + <tr> + <td><code>mm</code></td> + <td>ミリメートル</td> + </tr> + <tr> + <td><code>pt</code></td> + <td>Points (1 point = 1/72 inch)</td> + </tr> + <tr> + <td><code>pc</code></td> + <td>Picas (1 pica = 12 points)</td> + </tr> + <tr> + <td><code>%</code></td> + <td>Percentage of the default value.</td> + </tr> + </tbody> +</table> + +<h3 id="定数">定数</h3> + +<p>{{deprecated_header}}</p> + +<p>以下の廃止された定数の代わりは次のとおりです:</p> + +<pre class="notranslate"><code>veryverythinmathspace => 0.05555555555555555em +verythinmathspace => 0.1111111111111111em +thinmathspace => 0.16666666666666666em +mediummathspace => 0.2222222222222222em +thickmathspace => 0.2777777777777778em +verythickmathspace => 0.3333333333333333em +veryverythickmathspace => 0.3888888888888889em</code></pre> + +<table class="standard-table"> + <thead> + <tr> + <th>定数</th> + <th>値</th> + </tr> + </thead> + <tbody> + <tr> + <td><code>veryverythinmathspace</code></td> + <td>1/18<code>em</code></td> + </tr> + <tr> + <td><code>verythinmathspace</code></td> + <td>2/18<code>em</code></td> + </tr> + <tr> + <td><code>thinmathspace</code></td> + <td>3/18<code>em</code></td> + </tr> + <tr> + <td><code>mediummathspace</code></td> + <td>4/18<code>em</code></td> + </tr> + <tr> + <td><code>thickmathspace</code></td> + <td>5/18<code>em</code></td> + </tr> + <tr> + <td><code>verythickmathspace</code></td> + <td>6/18<code>em</code></td> + </tr> + <tr> + <td><code>veryverythickmathspace</code></td> + <td>7/18<code>em</code></td> + </tr> + </tbody> + <thead> + <tr> + <th colspan="2">Negative <em>contstants</em> are introduced in Gecko 7.0 {{ geckoRelease("7.0") }} ({{ bug(650530) }})</th> + </tr> + </thead> + <tbody> + <tr> + <td><code>negativeveryverythinmathspace</code></td> + <td>-1/18<code>em</code></td> + </tr> + <tr> + <td><code>negativeverythinmathspace</code></td> + <td>-2/18<code>em</code></td> + </tr> + <tr> + <td><code>negativethinmathspace</code></td> + <td>-3/18<code>em</code></td> + </tr> + <tr> + <td><code>negativemediummathspace</code></td> + <td>-4/18<code>em</code></td> + </tr> + <tr> + <td><code>negativethickmathspace</code></td> + <td>-5/18<code>em</code></td> + </tr> + <tr> + <td><code>negativeverythickmathspace</code></td> + <td>-6/18<code>em</code></td> + </tr> + <tr> + <td><code>negativeveryverythickmathspace</code></td> + <td>-7/18<code>em</code></td> + </tr> + </tbody> +</table> + +<p>Note: <a class="external" href="http://www.w3.org/TR/MathML3/chapter3.html#id.3.3.4.2.1" rel="external" title="http://www.w3.org/TR/MathML3/chapter3.html#id.3.3.4.2.1">Namedspace のバインディングの廃止</a> は MathML3 で行われ、 Gecko 15.0 {{ geckoRelease("15.0") }} で削除されました。 (<a class="external" href="https://bugzilla.mozilla.org/show_bug.cgi?id=673759" rel="external">bug 673759</a>).</p> diff --git a/files/ja/web/mathml/authoring/index.html b/files/ja/web/mathml/authoring/index.html new file mode 100644 index 0000000000..105d76d129 --- /dev/null +++ b/files/ja/web/mathml/authoring/index.html @@ -0,0 +1,348 @@ +--- +title: MathMLの編集 +slug: Web/MathML/Authoring +tags: + - Beginner + - MathML + - MathML Project +translation_of: Web/MathML/Authoring +--- +<p>本稿では MathML を用いて数式を表現する方法を説明します。 HTML と同じように、 MathML はタグと属性によって記述されます。文書中に箇条書きや表のような高度な構造がある場合 HTML は煩雑になってしまいますが、幸いなことに単純な記法で表を生成することができるツールや、 WYSIWYG な編集ができるツール、その他さまざまなコンテンツ管理システムであったりと，ウェブページを書き下ろすのに助けになるものはたくさんあります。</p> + +<p>数式を表現しようと思うともっと複雑です。数学には分数や平方根、行列など独自のタグが必要になるような構造がいろいろあるからです。ですから、優良な MathML エディターが求められます。以下ではその幾つかについて述べていきます。取り分け、 Mozilla の MathML 開発チームが開発中の <a href="https://github.com/TeXZilla/">TeXZilla</a> は、 JavaScript 製 Unicode LaTeX-MathML コンバーターであり、本稿で紹介されているような多くの場面で用いられることを想定しています。無論、本稿のツール紹介ではすべてを網羅している訳ではありませんから、是非とも W3C が発行する <a class="external" href="https://www.w3.org/Math/Software/">MathML ソフトウェア一覧</a>をチェックして他のツールも見てみてください。</p> + +<p>なお設計上、 MathML は HTML5 によく統合されており、特に CSS, DOM, Javascript, SVG のような通常のウェブ機能を使用できることができます。これはこのドキュメントの範囲外ですが、ウェブ言語の基本的な知識があれば、誰でも簡単にこれらの機能を MathML と組み合わせることができます。詳細については、<a href="/en-US/docs/Mozilla/MathML_Project#Sample_MathML_Documents">デモ</a>や <a href="https://developer.mozilla.org/en-US/docs/Web/MathML">MathML リファレンスのページ</a>をご覧ください。</p> + +<h2 id="Using_MathML" name="Using_MathML">MathML の使用</h2> + +<h4 id="Example_in_HTML5_texthtml" name="Example_in_HTML5_(text/html)">HTML 中の MathML</h4> + +<p>HTML5 文書内部では<ruby>表示<rp> (</rp><rt>presentation</rt><rp>)</rp></ruby> MathML が使えます。</p> + +<pre class="brush: html notranslate"><!DOCTYPE html> +<html> +<head> + <title>HTML5におけるMathML</title> +</head> +<body> + + <h1>HTML5におけるMathML</h1> + + <p> + 2の平方根は + <math> + <msqrt> + <mn>2</mn> + </msqrt> + </math> + </p> + +</body> +</html> </pre> + +<p>ブラウザーは<ruby>内容<rp> (</rp><rt>content</rt><rp>)</rp></ruby> MathML に対応していません。なので、文章を公開する際には <a class="external" href="http://code.google.com/p/web-xslt/source/browse/trunk/#trunk/ctop">ctop.xsl</a> スタイルシートを使うなどして Content MathML マークアップを Presentation MathML に変換するのが良いでしょう。本稿で紹介するツールはいずれも Presentation MathML を生成します。</p> + +<h4 id="MathML_に対応していないブラウザー向けの代替策">MathML に対応していないブラウザー向けの代替策</h4> + +<p>残念ながら、ブラウザーによっては MathML の方程式をレンダリングできなかったり、対応が限定されていたりします。そのため、代替レンダリングを提供するためには MathML ポリフィルを使用する必要があります。この MDN wiki で使われているような基本的な数学的な構造だけを必要とする場合は、小さな <a href="https://github.com/fred-wang/mathml.css">mathml.css</a> スタイルシートで十分かもしれません。これを使うには、文書のヘッダーに一行だけ挿入してください。</p> + +<pre class="brush: html notranslate"><script src="https://fred-wang.github.io/mathml.css/mspace.js"></script></pre> + +<p>ただ、もっと高度な表現も使いたいという場合にはもう少し大きい <a href="http://www.mathjax.org" title="http://www.mathjax.org">MathJax</a> ライブラリを用いると良いでしょう。</p> + +<pre class="brush: html notranslate"><script src="https://fred-wang.github.io/mathjax.js/mpadded-min.js"></script></pre> + +<p>これら 2 つのスクリプトは <a href="/en-US/docs/Web/MathML/Element/mspace">mspace</a> または <a href="/en-US/docs/Web/MathML/Element/mpadded">mpadded</a> 要素の機能検出を行うことに注意してください (これらのページのブラウザー互換性表を参照してください)。また、良好な MathML の対応のないブラウザーのためにページの上部に警告を表示し、ユーザーに上記のフォールバックのいずれかを選択させるための同様のスクリプトもあります。</p> + +<pre class="brush: html notranslate"><script src="https://fred-wang.github.io/mathml-warning.js/mpadded-min.js"></script></pre> + +<p>GitHub へのこのリンクを使わずに、これらのポリフィルや他のポリフィルを自分のプロジェクトに統合したい場合は、 MathML のサポートレベルを検証するための検出スクリプトが必要になるかもしれません。例えば、以下の関数は mspace 要素をテストすることで MathML への対応を検証しています (<code>mspace</code> を <code>mpadded</code> に置き換えても構いません)。</p> + +<pre class="brush: js notranslate"> function hasMathMLSupport() { + var div = document.createElement("div"), box; + div.innerHTML = "<math><mspace height='23px' width='77px'/></math>"; + document.body.appendChild(div); + box = div.firstChild.firstChild.getBoundingClientRect(); + document.body.removeChild(div); + return Math.abs(box.height - 23) <= 1 && Math.abs(box.width - 77) <= 1; +}</pre> + +<p>あるいは、以下の UA 文字列スニッフィングは、ネイティブの MathML 対応があるレンダリングエンジン (Gecko と WebKit) を検出することを可能にします。UA 文字列スニッフィングは最も信頼性の高い方法ではなく、バージョンによっては壊れてしまう可能性があることに注意してください。</p> + +<pre class="brush: js notranslate">var ua = navigator.userAgent; +var isGecko = ua.indexOf("Gecko") > -1 && ua.indexOf("KHTML") === -1 && ua.indexOf('Trident') === -1; +var isWebKit = ua.indexOf('AppleWebKit') > -1 && ua.indexOf('Chrome') === -1; +</pre> + +<h4 id="数学記号用のフォント">数学記号用のフォント</h4> + +<p>In order to get a good layout or to allow different style, it's important to have mathematical fonts available. It's always good to provide a link to <a href="/en-US/docs/Mozilla/MathML_Project/Fonts">MDN's Font Instructions</a>, so that your visitors can verify whether they have appropriate fonts installed on their system. It's also good to provide a fallback with Web fonts.</p> + +<p>Prior to Gecko 31.0 {{GeckoRelease("31.0")}}, it was a bit tedious to setup math fonts, see the <a href="/en-US/docs/Mozilla/MathML_Project/FontsMozilla2.0#MathML_Font_Selection_with_CSS">font instructions for Mozilla 2.0</a>. For Gecko 31.0 {{GeckoRelease("31.0")}}, this is much simpler and is compatible with any Web rendering engine with MathML support. For example, here is a minimal stylesheet to use Latin Modern for the text and Latin Modern Math for the mathematics:</p> + +<pre class="brush: css notranslate">@namespace url('http://www.w3.org/1999/xhtml'); +@namespace m url('http://www.w3.org/1998/Math/MathML'); + +body, m|mtext { + font-family: Latin Modern; +} +m|math { + font-family: Latin Modern Math; +}</pre> + +<p>You can then use the <a href="/en-US/docs/Web/CSS/@font-face">@font-face</a> rule as usual to provide WOFF fallback for Latin Modern and Latin Modern Math. See this <a href="https://github.com/fred-wang/MathFonts">GitHub repository to get WOFF fonts and sample CSS stylesheets</a> to use on your Web site and check <a href="http://fred-wang.github.io/MathFonts/">its test page</a>.</p> + +<h4 id="XML文書（XHTML，EPUB等々）におけるMathML">XML文書（XHTML，EPUB等々）におけるMathML</h4> + +<p>If for some reason you need to use MathML in XML documents, be sure to satisfy the usual requirements: well-formed document, use of correct MIME type, MathML namespace <code>"http://www.w3.org/1998/Math/MathML"</code> on <code><math></code> roots. For example, the XHTML version of the previous example looks like this:<br> + </p> + +<pre class="brush: xml notranslate"><?xml version="1.0" encoding="UTF-8"?> +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0//EN" + "http://www.w3.org/Math/DTD/mathml2/xhtml-math11-f.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> + <title>XHTML+MathML例</title> +</head> +<body> + +<h1>XHTML+MathML例</h1> + + <p> + 2の平方根は + <math xmlns="http://www.w3.org/1998/Math/MathML"> + <msqrt> + <mn>2</mn> + </msqrt> + </math> + である。 + </p> + +</body> +</html> </pre> + +<h4 id="電子郵便及びチャットクライアントにおけるMathML">電子郵便及びチャットクライアントにおけるMathML</h4> + +<p>Modern mail clients may send and receive emails in the HTML5 format and thus can use MathML expressions. Be sure to have the "send as HTML" and "view as HTML" options enabled. In Thunderbird, you can use the "Insert HTML" command to paste your HTML+MathML code. <a href="http://disruptive-innovations.com/zoo/MathBird/" title="http://disruptive-innovations.com/zoo/MathBird/">MathBird</a> is a convenient add-on for Thunderbird to insert such MathML expressions using the AsciiMath input syntax. Moreover, a LaTeX-to-MathML input box has also been integrated into <a href="http://www.seamonkey-project.org/">SeaMonkey</a> since version 2.28 and into <a href="https://www.mozilla.org/thunderbird/">Thunderbird</a> since version 31. Again, the way MathML is handled and the quality of the MathML rendering <a href="http://web.archive.org/web/20160304021257/http://www.maths-informatique-jeux.com/blog/frederic/?post/2012/11/14/Writing-mathematics-in-emails#c121">depends on the mail client</a>. Even if your browser supports MathML, your Webmail may prevent you to send or receive mails with MathML inside.</p> + +<p>Gecko-based instant messaging clients can integrate a Javascript-based text-to-MathML converter (mentioned below) and then render the MathML expressions generated from the (plaintext) instant messages. For example, there is an <a href="https://addons.instantbird.org/en-US/instantbird/addon/340" title="https://addons.instantbird.org/en-US/instantbird/addon/340">Instantbird add-on</a> that handles LaTeX expressions.</p> + +<h2 id="簡易記法からの変換">簡易記法からの変換</h2> + +<p>There are many simple notations (e.g. wiki or markdown syntaxes) to generate HTML pages. The same is true for MathML: for example ASCII syntaxes as used in calculators or the more powerful LaTeX language, very popular among the scientific community. In this section, we present some of these tools to convert from a simple syntax to MathML.</p> + +<ul> + <li>利点: + <ul> + <li>Writing mathematical expressions may only require a standard text editor.</li> + <li>Many tools are available, some of them are compatible with the classical LaTeX-to-pdf workflow.</li> + <li>This gives access to advanced features of LaTeX like macros.</li> + </ul> + </li> + <li>欠点: + <ul> + <li>This may be harder to use: people must learn a syntax, typos in the code may easily lead to parsing or rendering errors etc</li> + <li>The interface is not user-friendly: only code editor without immediate display of the mathematical expression.</li> + <li>None of the syntax has been standardized, making cross-compatibility between converters difficult. Even the popular LaTeX language keeps having new packages added.</li> + </ul> + </li> +</ul> + +<h3 id="利用者側での変換">利用者側での変換</h3> + +<p>In a Web environment, the most obvious method to convert a simple syntax into a DOM tree is to use Javascript and of course many libraries have been developed to perform that task.</p> + +<ul> + <li>利点: + <ul> + <li>This is very easy setup: only a few Javascript and CSS files to upload and/or a link to add to your document header.</li> + <li>This is a pure Web-based solution: everything is done by the browsers and no other programs must be installed or compiled.</li> + </ul> + </li> + <li>欠点: + <ul> + <li>This won't work if the visitor has Javascript disabled.</li> + <li>The MathML code is not exposed to Web crawlers (e.g. those of math search engines or feed aggregators). In particular, your content won't show up properly on Planet.</li> + <li>The conversion must be done at each page load, may be slow and may conflict with the HTML parsing (e.g. "<" for tags or "$" for money amounts)</li> + <li>You may need to synchronize the Javascript converter with other Javascript programs on your page.</li> + </ul> + </li> +</ul> + +<p><a href="https://github.com/fred-wang/TeXZilla">TeXZilla</a> has an <a href="https://github.com/fred-wang/x-tex"><x-tex></a> custom element, that can be used to write things like</p> + +<pre class="notranslate"><span class="brush: html"><<span class="start-tag">x-tex</span>></span><span>\frac{x^2}{a^2} + \frac{y^2}{b^2} = 1</span><span class="brush: html"></<span class="end-tag">x-tex</span>></span></pre> + +<p>and get it automatically converted into MathML. This is still a work-in-progress, but could be improved in the future thanks to Web Components and shadow DOM. Alternatively, you can use the more traditional <a href="https://github.com/fred-wang/TeXZilla/wiki/Advanced-Usages#parsing-tex-expressions-in-your-web-page">Javascript parsing of expressions at load time</a> as all the other tools in this section do.</p> + +<p>One simple client-side conversion tools is <a href="http://www1.chapman.edu/~jipsen/mathml/asciimath.html" title="http://www1.chapman.edu/~jipsen/mathml/asciimath.html">ASCIIMathML</a>. Just download the <a href="http://mathcs.chapman.edu/~jipsen/mathml/ASCIIMathML.js" title="http://mathcs.chapman.edu/~jipsen/mathml/ASCIIMathML.js">ASCIIMathML.js</a> script and copy it to your Web site. Then on your Web pages, add a <code><script></code> tag to load ASCIIMathML and the mathematical expressions delimited by <code>`</code> (grave accent) will be automatically parsed and converted to MathML:</p> + +<pre class="brush: html notranslate"><html> +<head> +... +<script type="text/javascript" src="ASCIIMathML.js"></script> +... +</head> +<body> +... +<p>blah blah `x^2 + y^2 = r^2` blah ... +... +</pre> + +<p><a href="http://math.etsu.edu/LaTeXMathML/" title="http://math.etsu.edu/LaTeXMathML/">LaTeXMathML</a> is a similar script that allows to parse more LaTeX commands. The installation is similar: copy <a href="http://math.etsu.edu/LaTeXMathML/LaTeXMathML.js" title="http://math.etsu.edu/LaTeXMathML/LaTeXMathML.js">LaTeXMathML.js</a> and <a href="http://math.etsu.edu/LaTeXMathML/LaTeXMathML.standardarticle.css" title="http://math.etsu.edu/LaTeXMathML/LaTeXMathML.standardarticle.css">LaTeXMathML.standardarticle.css</a>, add links in the header of your document and the LaTeX content of your Web page marked by the "LaTeX" class will be automatically parsed and converted to HTML+MathML:</p> + +<pre class="brush: html notranslate"><span><<span class="start-tag">head</span>></span> +<span>... +</span><span><<span class="start-tag">script</span> <span class="attribute-name">type</span>="<a class="attribute-value">text/javascript</a>" <span class="attribute-name">src</span>="<a class="attribute-value">LaTeXMathML.js</a>"></span><span></<span class="end-tag">script</span>></span><span> +</span><span><<span class="start-tag">link</span> <span class="attribute-name">rel</span>="<a class="attribute-value">stylesheet</a>" <span class="attribute-name">type</span>="<a class="attribute-value">text/css</a>" <span class="attribute-name">href</span>="<a class="attribute-value">LaTeXMathML.standardarticle.css</a>" <span>/</span>></span><span> +... +</span><span></<span class="end-tag">head</span>></span><span> + +</span><span><<span class="start-tag">body</span>></span><span> +... + +</span><div class="LaTeX"> +\documentclass[12pt]{article} + +\begin{document} + +\title{LaTeXML Example} +\maketitle + +\begin{abstract} +This is a sample LaTeXML document. +\end{abstract} + +\section{First Section} + + $$ \sum_{n=1}^{+\infty} \frac{1}{n^2} = \frac{\pi^2}{6} $$ + +\end{document} +</div> +...</pre> + +<p><a href="http://mathscribe.com/author/jqmath.html" title="http://mathscribe.com/author/jqmath.html">jqMath</a> is another script to parse a simple LaTeX-like syntax but which also accepts non-ASCII characters like <code>√{∑↙{n=1}↖{+∞} 6/n^2} = π²</code> to write <math> <mrow> <msqrt> <mrow class="ma-repel-adj"> <munderover> <mo>∑</mo> <mrow> <mi>n</mi> <mo>=</mo> <mn>1</mn> </mrow> <mrow> <mo>+</mo> <mi>∞</mi> </mrow> </munderover> <mfrac> <mn>6</mn> <msup> <mi>n</mi> <mn>2</mn> </msup> </mfrac> </mrow> </msqrt> <mo>=</mo> <mi>π²</mi> </mrow> </math>. The installation is similar: download and copy the relevant <a href="http://mathscribe.com/downloads/mathscribe-unix-0.4.0.zip" title="http://mathscribe.com/downloads/mathscribe-unix-0.4.0.zip">Javascript and CSS files</a> on your Web site and reference them in your page header (see the <code>COPY-ME.html</code> file from the zip archive for an example). One of the advantage of jqMath over the previous scripts is that it will automatically add some simple CSS rules to do the mathematical layout and make the formulas readable on browsers with limited MathML support.</p> + +<h3 id="端末上の応用プログラム">端末上の応用プログラム</h3> + +<p>An alternative way is to parse the simple syntax before publishing your web pages. That is, you use command-line programs to generate them and publish these static pages on your server.</p> + +<ul> + <li>利点: + <ul> + <li>出力されるWebページは静的です: 各々の記事が読み込まれる度にLaTeX原稿が解析されることはありませんし，ウェブ巡回機が読み取るのはMathMLによる表記ですし，又何如なる種類のWebサーバーにも容易に配置できるでしょう。</li> + <li>〔コンパイルされた〕応用プログラムはJavaScript製のプログラムより処理速度が早く，洗練されているでしょう。例: LaTeX記法へより完全に対応している・EPUB等の他形式も生成できる。</li> + <li>You can keep compatibility with other tools to generate pdf e.g. you can use the same .tex source for both latex and latexml.</li> + </ul> + </li> + <li>欠点: + <ul> + <li>本方針では手許の計算機に応用プログラムを導入しなくてはなりませんが，これは少々困難であり，全ての計算機で利用できる訳ではないでしょう。</li> + <li>You must run the programs on your computer and have some kind of workflow to get the Web pages at the end ; that may be a bit tedious.</li> + <li>Binary programs are not appropriate to integrate them in a Mozilla extension or XUL application.</li> + </ul> + </li> +</ul> + +<p><a href="https://github.com/fred-wang/TeXZilla">TeXZilla</a> can be used <a href="https://github.com/fred-wang/TeXZilla/wiki/Using-TeXZilla#usage-from-the-command-line">from the command line</a> and will essentially have the same support as itex2MML described below. However, the stream filter behavior is not implemented yet.</p> + +<p>If you only want to parse simple LaTeX mathematical expressions, you might want to try tools like <a href="http://golem.ph.utexas.edu/~distler/blog/itex2MML.html" title="http://golem.ph.utexas.edu/~distler/blog/itex2MML.html">itex2MML</a> or <a href="http://gva.noekeon.org/blahtexml/" title="http://gva.noekeon.org/blahtexml/">Blahtex</a>. The latter is often available on Linux distributions. Let's consider the former, which was originally written by Paul Gartside at the beginning of the Mozilla MathML project and has been maintained by Jacques Distler since then. It's a small stream filter written in C/C++ and generated with flex and bison ; in particular it is very fast. Install flex/bison as well as the classical compiler and make tools. On Unix, you can then download itex2MML, build and install it:</p> + +<pre class="brush: bash notranslate">wget http://golem.ph.utexas.edu/~distler/blog/files/itexToMML.tar.gz; \ +tar -xzf itexToMML.tar.gz; \ +cd itex2MML/itex-src; +make +sudo make install +</pre> + +<p>Now suppose that you have a HTML page with TeX fragments delimited by dollars:</p> + +<pre class="brush: html notranslate">input.html + +... +</head> +<body> + <p>$\sqrt{a^2-3c}$</p> + <p>$$ {\sum_{i=1}^N i} = \frac{N(N+1)}{2} $$</p> +</body> +</html> +</pre> + +<p>Then to generate the HTML page input.html with TeX expressions replaced by MathML expressions, just do</p> + +<pre class="notranslate">cat input.html | itex2MML > output.html</pre> + +<p>There are even more sophisticated tools to convert arbitrary LaTeX documents into HTML+MathML. For example <a href="https://www.tug.org/tex4ht/">TeX4ht</a> is often included in TeX distributions and has an option to use MathML instead of PNG images. This command will generate an XHTML+MathML document foo.xml from a foo.tex LaTeX source:</p> + +<pre class="notranslate"> mk4ht mzlatex foo.tex # Linux/Mac用 + mzlatex foo.tex # Windows用 +</pre> + +<p>Note that <a href="https://github.com/michal-h21/tex4ebook">tex4ebook</a> relies on TeX4ht to generate EPUB documents.</p> + +<p><a href="http://dlmf.nist.gov/LaTeXML/" name="LaTeXML">LaTeXML</a> is another tool that can generate HTML5 and EPUB documents. Windows users can watch this <a href="https://www.youtube.com/watch?v=Dg881w2e-lI">video tutorial</a>. Given a foo.tex LaTeX file, you can use these simple commands:</p> + +<pre class="notranslate"> latexmlc --dest foo.html foo.tex # HTML5文書foo.htmlを生成 + latexmlc --dest foo.epub foo.tex # EPUB文書foo.epubを生成</pre> + +<p>To handle the case of browsers without MathML support, you can use the <code>--javascript</code> parameter to tell LaTeXML to include one of the <a href="#Fallback_for_Browsers_without_MathML_support">fallback scripts</a>:</p> + +<pre class="notranslate"> latexmlc --dest foo.html --javascript=<code class="language-html"><span class="script token"><span class="tag token"><span class="attr-value token">https://fred-wang.github.io/mathml.css/mspace.js</span></span></span></code> foo.tex # 予備的CSSを追加 + latexmlc --dest foo.html --javascript=<code class="language-html"><span class="script token"><span class="tag token"><span class="attr-value token">https://fred-wang.github.io/mathjax.js/mpadded-min.js</span></span></span></code> foo.tex # 予備的MathJaxを追加 +</pre> + +<p>If your LaTeX document is big, you might want to split it into several small pages rather than putting everything in a single large page. For example, this will split the pages at the <code>\section</code> level:</p> + +<pre class="notranslate"> latexmlc --dest foo.html --splitat=section foo.tex +</pre> + +<h3 id="サーバー側での変換">サーバー側での変換</h3> + +<ul> + <li>利点: + <ul> + <li>変換をサーバー側で済ませられ出力したMathMLはキャッシュしておくことができるので、クライアントサイドで変換を行わせるよりも効率的で簡潔である</li> + </ul> + </li> + <li>欠点: + <ul> + <li>設定にサーバーの管理者権限が必要になるため、セットアップがやや難しいかもしれない</li> + </ul> + </li> +</ul> + +<p><a href="https://github.com/fred-wang/TeXZilla">TeXZilla</a>、<a href="http://dlmf.nist.gov/LaTeXML/">LaTeXML</a>、<a href="https://github.com/gwicke/mathoid">Mathoid</a>はサーバーサイドのLaTeX-to-MathMLコンバーターとして使うことができます。Wikiエンジンである <a href="http://instiki.org/show/HomePage">Instiki</a> や <a href="https://www.mediawiki.org/wiki/MediaWiki">MediaWiki</a> はLaTeX数式をMathMLに変換する機能をサポートしています。</p> + +<h2 id="図画的な編集作業">図画的な編集作業</h2> + +<h3 id="入力欄">入力欄</h3> + +<p><a href="https://github.com/fred-wang/TeXZilla">TeXZilla</a> has several interfaces, including a <a href="http://ckeditor.com/addon/texzilla">CKEditor plugin</a> used on MDN, an <a href="http://fred-wang.github.io/TeXZilla/">online demo</a>, a <a href="https://addons.mozilla.org/en-US/firefox/addon/texzilla/">Firefox add-on</a> or a <a href="https://marketplace.firefox.com/app/texzilla-1/">FirefoxOS Webapp</a>. It has also been integrated into <a href="http://www.seamonkey-project.org/">SeaMonkey</a> since version 2.28 and into <a href="https://www.mozilla.org/thunderbird/">Thunderbird</a> since version 31.<a href="http://abisource.org/"> Abiword</a> contains a small equation editor, based on itex2MML. Finally,<a href="http://www.bluegriffon.com/"> Bluegriffon</a> has an add-on to insert MathML formulas in your document, using ASCII/LaTeX-like syntax.</p> + +<p style="text-align: center;"><img alt="BlueGriffon" src="http://www.bluegriffon.com/public/shots/mathml-shot1.png" style="height: 467px; width: 358px;"></p> + +<h3 id="WYSIYWGな編集">WYSIYWGな編集</h3> + +<p><a href="http://www.firemath.info/">Firemath</a> is an extension for Firefox that provides a WYSIWYG MathML editor. A preview of the formula is displayed using the rendering engine of Mozilla. The generated MathML code is available at the bottom. Use the text field for token elements and buttons to build advanced constructions. Once you are done, you can save your document as a XHTML page.</p> + +<p><a href="http://www.lyx.org/">LyX</a> is a graphical LaTeX editor, which has built-in support for XHTML+MathML export and can be configured to use similar LaTeX-to-(X)HTML converters. You can for example, you can configure it to <a href="https://github.com/brucemiller/LaTeXML/wiki/Integrating-LaTeXML-into-TeX-editors#lyx">use LaTeXML HTML5/EPUB export</a>.</p> + +<p><a href="http://www.openoffice.org/">OpenOffice</a> and <a href="http://libreoffice.org/">LibreOffice</a> have an equation editor (File → New → Formula). It is semi-WYSIWYG: you enter the source of the formula using the equation panel/keyboard and a preview of the formula is regularly refreshed. The editor uses its own syntax "StarMath" for the source but MathML is also generated when the document is saved. To get the MathML code, save the document as mml and open it with any text editor. Alternatively, you can extract the odf file (which is actually a zip archive) and open an xml file called <code>content.xml</code>.</p> + +<p style="text-align: center;"><img alt="Open Office Math" src="/@api/deki/files/4261/=openoffice.png" style="height: 527px; width: 483px;"></p> + +<p><a href="http://www.w3.org/Amaya/">Amaya</a> is the W3C's web editor, which is able to handle MathML inside XHTML documents. Use the Elements and the Special Chars panels to create various advanced mathematical constructs. Simple text such as <code>a+2</code> is automatically parsed and the appropriate MathML markup is generated. Once you are done, you can directly save your XHTML page and open it in Mozilla.</p> + +<h2 id="光学文字認識・手書き文字認識">光学文字認識・手書き文字認識</h2> + +<p>OCRソフトの <a href="http://www.inftyreader.org/">Inftyreader</a> を用いると数式をMathMLとして読み込むことができます。また、<a href="https://msdn.microsoft.com/en-us/library/windows/desktop/dd371698(v=vs.85).aspx">Windows Math Input Panel</a> やWeb上で使える <a href="https://webdemo.myscript.com/views/math.html" title="http://webdemo.visionobjects.com/portal.html">Web Equation </a>を用いると手書きの数式をMathMLに変換する事ができます。</p> + +<div class="originaldocinfo"> +<h3 id="原文情報">原文情報</h3> + +<ul> + <li>著者: Frédéric Wang</li> + <li>貢献者: Florian Scholz</li> + <li>著作権表示: Portions of this content are © 2010 by individual mozilla.org contributors; content available under a Creative Commons license | <a class="external" href="http://www.mozilla.org/foundation/licensing/website-content.html">Details</a>.</li> +</ul> +</div> diff --git a/files/ja/web/mathml/element/index.html b/files/ja/web/mathml/element/index.html new file mode 100644 index 0000000000..dddfefeeaa --- /dev/null +++ b/files/ja/web/mathml/element/index.html @@ -0,0 +1,125 @@ +--- +title: MathML 要素リファレンス +slug: Web/MathML/Element +tags: + - MathML + - MathML Reference +translation_of: Web/MathML/Element +--- +<p>これは、MathML <strong>プレゼンテーション</strong> 要素のアルファベット順のリストです。</p> + +<p><strong>プレゼンテーションマークアップ</strong> という用語は、数学的表記のレイアウト構造を記述するために使用するのに対して、<strong>コンテンツマークアップ</strong> という用語は、その基礎をなす数学的な意味を提供します。これは、MarhML パーザーによる描画を想定するものではありません ({{bug(276028)}} 参照)。コンテンツマークアップについて詳しく学びたい場合は、 <a class="external" href="http://www.w3.org/TR/MathML3/" title="http://www.w3.org/TR/MathML3/">MathML 3 仕様</a> の <a class="external" href="http://www.w3.org/TR/MathML3/chapter4.html" title="http://www.w3.org/TR/MathML3/chapter4.html">第 4 章</a> を調べてください。</p> +<div class="multiColumnList"> +<h3 id="math">math</h3> +<ul> + <li>{{ MathMLElement("math") }} (トップレベル要素)</li> +</ul> + +<h3 id="A">A</h3> +<ul> + <li>{{ MathMLElement("maction") }} (部分式にバインドされたアクション)</li> + <li>{{ MathMLElement("maligngroup") }} (揃えグループ)</li> + <li>{{ MathMLElement("malignmark") }} (揃えポイント)</li> +</ul> + +<h3 id="E">E</h3> +<ul> + <li>{{ MathMLElement("menclose") }} (囲みコンテンツ)</li> + <li>{{ MathMLElement("merror") }} (囲み構文エラーメッセージ)</li> +</ul> + +<h3 id="F">F</h3> +<ul> + <li>{{ MathMLElement("mfenced") }} (括弧)</li> + <li>{{ MathMLElement("mfrac") }} (分数)</li> +</ul> + +<h3 id="G">G</h3> +<ul> + <li>{{ MathMLElement("mglyph") }} (非標準記号の表示)</li> +</ul> + +<h3 id="I">I</h3> +<ul> + <li>{{ MathMLElement("mi") }} (識別子)</li> +</ul> + +<h3 id="L">L</h3> +<ul> + <li>{{ MathMLElement("mlabeledtr") }} (表または行列のラベル付き行)</li> + <li>{{ MathMLElement("mlongdiv") }} (割り算の筆算表記)</li> +</ul> + +<h3 id="M">M</h3> +<ul> + <li>{{ MathMLElement("mmultiscripts") }} (前置字とテンソル添字)</li> +</ul> + +<h3 id="N">N</h3> +<ul> + <li>{{ MathMLElement("mn") }} (数字)</li> +</ul> + +<h3 id="O">O</h3> +<ul> + <li>{{ MathMLElement("mo") }} (演算子)</li> + <li>{{ MathMLElement("mover") }} (真上付き)</li> +</ul> + +<h3 id="P">P</h3> +<ul> + <li>{{ MathMLElement("mpadded") }} (コンテンツまわりの空白)</li> + <li>{{ MathMLElement("mphantom") }} (予約スペースを持つ不可視コンテンツ)</li> +</ul> + +<h3 id="R">R</h3> +<ul> + <li>{{ MathMLElement("mroot") }} (累乗根)</li> + <li>{{ MathMLElement("mrow") }} (グループ化された部分式)</li> +</ul> + +<h3 id="S">S</h3> +<ul> + <li>{{ MathMLElement("ms") }} (文字列リテラル)</li> + <li>{{ MathMLElement("mscarries") }} (carries などのアノテーション)</li> + <li>{{ MathMLElement("mscarry") }} (Single carry, {{ MathMLElement("mscarries") }} の子要素)</li> + <li>{{ MathMLElement("msgroup") }} ({{ MathMLElement("mstack") }} および {{ MathMLElement("mlongdiv") }} 要素のグループ化された行)</li> + <li>{{ MathMLElement("msline") }} ({{ MathMLElement("mstack") }} 要素内の水平線)</li> + <li>{{ MathMLElement("mspace") }} (空白)</li> + <li>{{ MathMLElement("msqrt") }} (平方根)</li> + <li>{{ MathMLElement("msrow") }} ({{ MathMLElement("mstack") }} 要素の行)</li> + <li>{{ MathMLElement("mstack") }} (スタック揃え)</li> + <li>{{ MathMLElement("mstyle") }} (書式変更)</li> + <li>{{ MathMLElement("msub") }} (下付き)</li> + <li>{{ MathMLElement("msup") }} (上付き)</li> + <li>{{ MathMLElement("msubsup") }} (下付き上付きの組)</li> +</ul> + +<h3 id="T">T</h3> +<ul> + <li>{{ MathMLElement("mtable") }} (表または行列)</li> + <li>{{ MathMLElement("mtd") }} (表または行列のセル)</li> + <li>{{ MathMLElement("mtext") }} (テキスト)</li> + <li>{{ MathMLElement("mtr") }} (表または行列の列)</li> +</ul> + +<h3 id="U">U</h3> +<ul> + <li>{{ MathMLElement("munder") }} (真下付き)</li> + <li>{{ MathMLElement("munderover") }} (真下付きと真上付きの組)</li> +</ul> + +<h3 id="Other_elements" name="Other_elements">他の要素</h3> +<ul> + <li>{{ MathMLElement("semantics") }} (セマンティックアノテーション用のコンテナ)</li> + <li><a href="/docs/MathML/Element/semantics"><code><annotation></code></a> (Data アノテーション)</li> + <li><a href="/docs/MathML/Element/semantics"><code><annotation-xml></code></a> (XML アノテーション)</li> +</ul> +</div> + +<h2 id="See_also" name="See_also">関連情報</h2> + +<ul> + <li><a href="/docs/Web/MathML">MathML</a></li> + <li><a href="/docs/Web/MathML/Attribute">MathML 属性リファレンス</a></li> +</ul> diff --git a/files/ja/web/mathml/element/math/index.html b/files/ja/web/mathml/element/math/index.html new file mode 100644 index 0000000000..cdd20dbf90 --- /dev/null +++ b/files/ja/web/mathml/element/math/index.html @@ -0,0 +1,163 @@ +--- +title: <math> +slug: Web/MathML/Element/math +tags: + - MathML + - MathML Reference + - 'MathML:Element' + - 'MathML:要素' +translation_of: Web/MathML/Element/math +--- +<div>{{MathMLRef}}</div> + +<p class="summary">MathML における最上位の要素は <code><math></code> です。有効な MathML のインスタンスはすべて <code><math></code> タグに囲まれています。加えて、 <code><math></code> 要素を入れ子状に配置してはなりませんが、中にその他の子要素をいくつでも持つことができます。</p> + +<h2 id="Attributes" name="Attributes">属性</h2> + +<p>以下に示す属性に加え、 <code><math></code> 要素は {{ MathMLElement("mstyle") }} 要素のすべての属性を受け入れます。</p> + +<dl> + <dt id="attr-class-id-style">class, id, style</dt> + <dd><a href="/ja/docs/CSS">スタイルシート</a>と一緒に使用するために提供されます。</dd> + <dt id="attr-dir">dir</dt> + <dd>数式全体の書字方向。値として <code>ltr</code> (左書き) と <code>rtl</code> (右書き) が指定可能です。</dd> + <dt id="attr-href">href</dt> + <dd>指定された URI へのハイパーリンクの設定に使用されます。</dd> + <dt id="attr-mathbackground">mathbackground</dt> + <dd>背景色。 <code>#rgb</code>, <code>#rrggbb</code>, <a href="/ja/docs/CSS/color_value#Color_Keywords">HTML 色名</a>が使用できます。</dd> + <dt id="attr-mathcolor">mathcolor</dt> + <dd>文字色。 <code>#rgb</code>, <code>#rrggbb</code>, <a href="/ja/docs/CSS/color_value#Color_Keywords">HTML 色名</a>が使用できます。</dd> + <dt id="attr-display">display</dt> + <dd>この列挙属性は、囲まれた MathML マークアップをレンダリングする方法を指定します。これは、次のいずれかの値を持つことができます。 + <ul> + <li><code>block</code> は、この要素が現在のテキストの区間の外に、テキストの意味を変えることなく任意の場所に配置することができるブロックとして表示されることを意味します。</li> + <li><code>inline</code> は、この要素が現在のテキストの区間の内側に表示され、そのテキストの意味を変えることなくその区間の外に移動することができないことを意味します。</li> + </ul> + + <p>存在しない場合、既定値は <code>inline</code> です。</p> + </dd> + <dt id="attr-mode">mode {{deprecated_inline}}</dt> + <dd>非推奨であり、 <a href="/ja/docs/MathML/Element/math#attr-display">display 属性</a>で置き換えられました。<br> + 取りうる値は <code>display</code> (これは <code>display="block"</code> と同じ効果を持ちます) および <code>inline</code> です。</dd> + <dt id="attr-overflow">overflow</dt> + <dd>許可された幅に収まらないほど長い場合に、式がどのように動作するかを指定します。<br> + 取りうる値は <code>linebreak</code> (既定値), <code>scroll</code>, <code>elide</code>, <code>truncate</code>, <code>scale</code> です。</dd> +</dl> + +<h2 id="Examples" name="Examples">例</h2> + +<p><img alt="Theorem of Pythagoras" src="/files/3157/math.jpg"></p> + +<h3 id="HTML5_notation" name="HTML5_notation">HTML5 表記</h3> + +<pre class="brush: html notranslate"><!DOCTYPE html> +<html> + <head> + <title>MathML in HTML5</title> + </head> + <body> + + <math> + <mrow> + <mrow> + <msup> + <mi>a</mi> + <mn>2</mn> + </msup> + <mo>+</mo> + <msup> + <mi>b</mi> + <mn>2</mn> + </msup> + </mrow> + <mo>=</mo> + <msup> + <mi>c</mi> + <mn>2</mn> + </msup> + </mrow> + </math> + + </body> +</html> +</pre> + +<h3 id="XHTML_notation" name="XHTML_notation">XHTML 表記</h3> + +<pre class="brush: xml notranslate"><?xml version="1.0" encoding="UTF-8"?> +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0//EN" "http://www.w3.org/Math/DTD/mathml2/xhtml-math11-f.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> + <title>MathML in XHTML</title> +</head> +<body> + + <math xmlns="http://www.w3.org/1998/Math/MathML"> + <mrow> + <mrow> + <msup> + <mi>a</mi> + <mn>2</mn> + </msup> + <mo>+</mo> + <msup> + <mi>b</mi> + <mn>2</mn> + </msup> + </mrow> + <mo>=</mo> + <msup> + <mi>c</mi> + <mn>2</mn> + </msup> + </mrow> + </math> + +</body> +</html></pre> + +<p><strong>メモ</strong>: MathML をもつ XHTML 文書は <code>application/xhtml+xml</code> として配信しなければなりません。これは、ローカルファイルに <code>.xhtml</code> 拡張子を追加することで、簡単に達成できます。 Apache サーバーの場合は、 <a class="external" href="http://httpd.apache.org/docs/2.4/mod/mod_mime.html#addtype"><code>.htaccess</code> ファイルを設定する</a>ことで拡張子を正しい MIME タイプに対応付けることができます。 XML 文書で MathML を表記するので、整形式の XML 文書を必ず記述してください。</p> + +<h2 id="Specifications" name="Specifications">仕様書</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">仕様書</th> + <th scope="col">状態</th> + <th scope="col">備考</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{ SpecName('MathML3', 'chapter2.html#interf.toplevel', 'The Top-Level math Element') }}</td> + <td>{{ Spec2('MathML3') }}</td> + <td>現在の仕様</td> + </tr> + <tr> + <td>{{ SpecName('MathML2', 'chapter7.html#interf.toplevel', 'The Top-Level math Element') }}</td> + <td>{{ Spec2('MathML2') }}</td> + <td>初期の仕様</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> + +<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div> + +<p>{{Compat("mathml.elements.math")}}</p> + +<h2 id="Firefox-specific_notes" name="Firefox-specific_notes">Firefox 固有のメモ</h2> + +<p>Firefox 7 では、最上位の math 要素がすべての MathML 属性を受け入れる対応を導入しました (すなわち {{ MathMLElement("mstyle") }} 要素と同じ動作)。しかし、 <code>displaystyle</code> 属性が含まれておらず、 Firefox 8 で<a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=669719">追加されました</a>。</p> + +<p>テキストの代替 (<code>alttext</code>) または <code>altimg</code>, <code>altimg-width</code>, <code>altimg-height</code>, <code>altimg-valign</code> の各属性を使用する代替画像の参照は、現在は Firefox に実装されていません。</p> + +<h2 id="See_also" name="See_also">関連情報</h2> + +<ul> + <li>HTML の最上位要素: {{ HTMLElement("html") }}</li> + <li>SVG の最上位要素: {{ SVGElement("svg") }}</li> + <li><a href="http://eyeasme.com/Joe/MathML/MathML_browser_test.html">MathML ブラウザーテスト</a></li> +</ul> diff --git a/files/ja/web/mathml/element/merror/index.html b/files/ja/web/mathml/element/merror/index.html new file mode 100644 index 0000000000..39e576b71f --- /dev/null +++ b/files/ja/web/mathml/element/merror/index.html @@ -0,0 +1,73 @@ +--- +title: <merror> +slug: Web/MathML/Element/merror +tags: + - MathML + - MathML Reference + - 'MathML:Element' + - 'MathML:General Layout Schemata' +translation_of: Web/MathML/Element/merror +--- +<div>{{MathMLRef}}</div> + +<p class="summary">MathML <code><merror></code> 要素は、エラーメッセージとしてコンテンツを表示するために使用されます。Firefox でこのエラーメッセージは、典型的な XML エラーメッセージのようにレンダリングされます。MathML マークアップが間違っているか整形式でない XML のときに、このエラーがスロー<strong>されない</strong>ことに注意してください。<code><merror></code> とは何の関係もない、（MathML の XHTML 表記の場合に）依然として XML 解析エラーが発生します。</p> + +<h2 id="属性">属性</h2> + +<dl> + <dt id="attr-class-id-style">class, id, style</dt> + <dd><a href="/ja/docs/CSS">スタイルシート</a>と一緒に用いて提供されます。</dd> + <dt id="attr-href">href</dt> + <dd>指定された URI へのハイパーリンクの設定に使用されます。</dd> + <dt id="attr-mathbackground">mathbackground</dt> + <dd>背景色。<code>#rgb</code>、<code>#rrggbb</code>および<a href="/ja/docs/CSS/color_value#Color_Keywords">HTML色名</a>を使用できます。</dd> + <dt id="attr-mathcolor">mathcolor</dt> + <dd>文字色と分数の線の色。<code>#rgb</code>、<code>#rrggbb</code>および<a href="/ja/docs/CSS/color_value#Color_Keywords">HTML色名</a>を使用できます。</dd> +</dl> + +<h2 id="例">例</h2> + +<pre class="brush: html"><math> + +<merror> + <mrow> + <mtext> Division by zero: </mtext> + <mfrac> + <mn> 1 </mn> + <mn> 0 </mn> + </mfrac> + </mrow> +</merror> + +</math> +</pre> + +<h2 id="仕様">仕様</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">仕様</th> + <th scope="col">状態</th> + <th scope="col">コメント</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{ SpecName('MathML3', 'chapter3.html#presm.merror', 'merror') }}</td> + <td>{{ Spec2('MathML3') }}</td> + <td>現在の仕様</td> + </tr> + <tr> + <td>{{ SpecName('MathML2', 'chapter3.html#presm.merror', 'merror') }}</td> + <td>{{ Spec2('MathML2') }}</td> + <td>初期の仕様</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザー互換性">ブラウザー互換性</h2> + + + +<p>{{Compat("mathml.elements.merror")}}</p> diff --git a/files/ja/web/mathml/element/mfenced/index.html b/files/ja/web/mathml/element/mfenced/index.html new file mode 100644 index 0000000000..e931d5dc22 --- /dev/null +++ b/files/ja/web/mathml/element/mfenced/index.html @@ -0,0 +1,95 @@ +--- +title: <mfenced> +slug: Web/MathML/Element/mfenced +tags: + - MathML +translation_of: Web/MathML/Element/mfenced +--- +<div>{{MathMLRef}}</div> + +<p class="summary">MathML <code><mfenced></code> 要素は、独自の括弧類 (角括弧など) や区切り記号 (カンマやセミコロンなど) を数式に追加する機能を提供します。</p> + +<h2 id="属性">属性</h2> + +<dl> + <dt id="attr-class-id-style">class, id, style</dt> + <dd><a href="/ja/docs/CSS">スタイルシート</a>で使用するために用意されます。</dd> + <dt id="attr-close">close</dt> + <dd>閉じ記号の文字列を与えます。既定値は ")" です。空白文字はすべて無くされます。</dd> + <dt id="attr-href">href</dt> + <dd>指定されたURIへのハイパーリンクを設定するために使用されます。</dd> + <dt id="attr-mathbackground">mathbackground</dt> + <dd>背景色。#<code>#rgb</code>、<code>#rrggbb</code>、および<a href="/en-US/docs/CSS/color_value#Color_Keywords">HTMLの色名</a>を使用できます。</dd> + <dt id="attr-mathcolor">mathcolor</dt> + <dd>テキストの色と分数数線の色。 <code>#rgb</code>、<code>#rrggbb</code>、および<a href="/en-US/docs/CSS/color_value#Color_Keywords">HTMLの色名</a>を使用できます。</dd> + <dt id="attr-open">open</dt> + <dd>開き記号の文字列を与えます。既定値は "(" です。空白文字はすべて無くされます。</dd> + <dt id="attr-separators">separators</dt> + <dd>区切り記号を表すゼロ個以上の文字の列を与えます。空白で区切っても構いません。空白は無視されます。既定値は "," です。複数指定することにより，各子要素間に別個の区切り記号を当てることが出来ます。余分に指定した分は無視されます。少なく指定した場合は，最後のものが繰り返されます。</dd> +</dl> + +<h2 id="例">例</h2> + +<h3 id="最後の区切り記号（）は繰り返される">最後の区切り記号（<code>,</code>）は繰り返される</h3> + +<p>サンプルレンダリング: <img alt="{a;b;c,d,e}" src="/files/3193/mfenced01.png"></p> + +<p>ブラウザーでのレンダリング: <math> <mfenced close="}" open="{" separators=";;,"> <mi>a</mi> <mi>b</mi> <mi>c</mi> <mi>d</mi> <mi>e</mi> </mfenced> </math></p> + +<pre class="brush: html"><math> + <mfenced open="{" close="}" separators=";;,"> + <mi>a</mi> + <mi>b</mi> + <mi>c</mi> + <mi>d</mi> + <mi>e</mi> + </mfenced> +</math> +</pre> + +<h3 id="余分な区切り記号（）は無視される">余分な区切り記号（<code>,</code>）は無視される</h3> + +<p>サンプルレンダリング: <img alt="[a|b|c|d|e]" src="https://wiki.developer.mozilla.org/files/3195/mfenced02.png"></p> + +<p>ブラウザーでのレンダリング: <math> <mfenced close="]" open="[" separators="||||,"> <mi>a</mi> <mi>b</mi> <mi>c</mi> <mi>d</mi> <mi>e</mi> </mfenced> </math></p> + +<pre class="brush: html"><math> + <mfenced open="[" close="]" separators="||||,"> + <mi>a</mi> + <mi>b</mi> + <mi>c</mi> + <mi>d</mi> + <mi>e</mi> + </mfenced> +</math> +</pre> + +<h2 id="Specifications">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.mfenced', 'mfenced') }}</td> + <td>{{ Spec2('MathML3') }}</td> + <td>Current specification</td> + </tr> + <tr> + <td>{{ SpecName('MathML2', 'chapter3.html#presm.mfenced', 'mfenced') }}</td> + <td>{{ Spec2('MathML2') }}</td> + <td>Initial specification</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザー互換性">ブラウザー互換性</h2> + + + +<p>{{Compat("mathml.elements.mfenced")}}</p> diff --git a/files/ja/web/mathml/element/mfrac/index.html b/files/ja/web/mathml/element/mfrac/index.html new file mode 100644 index 0000000000..567cf6bb87 --- /dev/null +++ b/files/ja/web/mathml/element/mfrac/index.html @@ -0,0 +1,91 @@ +--- +title: <mfrac> +slug: Web/MathML/Element/mfrac +tags: + - MathML + - MathML Reference + - 'MathML:Element' + - 'MathML:General Layous Schemata' +translation_of: Web/MathML/Element/mfrac +--- +<div>{{MathMLRef()}}</div> + +<p>MathML の <code><mfrac></code> 要素は分数を表示するのに使います。</p> + +<h2 id="Syntax" name="Syntax">構文</h2> + +<pre class="syntaxbox"><mfrac><em>numerator</em> <em>denominator</em></mfrac></pre> + +<h2 id="Attributes" name="Attributes">属性</h2> + +<dl> + <dt id="attr-bevelled"><code>bevelled</code> {{deprecated_inline}}</dt> + <dd>分数を表示する方法を指定します。<code>true</code> のとき分数線は斜線になります。つまりこの場合、分子・分母がスラッシュ (/) を挟んで左右に並ぶことになります。既定値の <code>false</code> の場合、分子は分母の上に載ります。<br> + この属性は、非推奨で将来削除される予定です。代わりに U+2044 (fraction slash) を使用してください。</dd> + <dt id="attr-class-id-style"><code>class</code>, <code>id</code>, <code>style</code></dt> + <dd><a href="/ja/docs/CSS">スタイルシート</a> で装飾を行なう際に使われます。</dd> + <dt id="attr-denomalign"><code>denomalign</code> {{deprecated_inline}}</dt> + <dd>分数の下に分母をどう揃えるかを指定します。取り得る値は <code>left</code>、<code>center</code> (既定値) と <code>right</code> です。<br> + この属性は、非推奨で近日中に廃止されます。代わりに CSS を用いて <code><a href="ja/docs/Web/CSS/text-align">text-align</a></code> を指定してください。</dd> + <dt id="attr-href"><code>href</code></dt> + <dd>特定の URI へのハイパーリンクを設定するのに使われます。</dd> + <dt id="attr-linethickness"><code>linethickness</code></dt> + <dd>分数の水平線の太さ。既定値は <code>medium</code> で、<code>thin</code>、<code>thick</code> や、それ以外の <a href="/ja/docs/CSS/length">length 値</a> が取り得ます。</dd> + <dt id="attr-mathbackground"><code>mathbackground</code></dt> + <dd>数式の背景色を指定するために使われます。<code>#rgb</code>、<code>#rrggbb</code>のような16進表現のほか、HTMLで定められた<a href="/ja/docs/Web/CSS/color_value#Color_keywords">色キーワード</a>を使用できます。</dd> + <dt id="attr-mathcolor"><code>mathcolor</code></dt> + <dd>数式自体 (テキストと分数線) の色を設定するために使われます。<code>#rgb</code>、<code>#rrggbb</code> のような 16 進表現のほか、HTMLで定められた<a href="/ja/docs/Web/CSS/color_value#Color_keywords">色キーワード</a>を使用できます。</dd> + <dt id="attr-numalign"><code>numalign</code> {{deprecated_inline}}</dt> + <dd>分数の上に分子をどう揃えるかを指定します。取り得る値は <code>left</code>、<code>center</code> (既定値) と <code>right</code> です。<br> + この属性は、非推奨で将来削除される予定です。代わりに CSS の <code><a href="/ja/docs/Web/CSS/text-align">text-align</a></code> を使用してください。</dd> +</dl> + +<h2 id="Examples" name="Examples">例</h2> + +<p>レンダリングのサンプル (画像): <img alt="(a/b)/(c/d)" src="/files/3194/mfrac.png" style="margin-left: 10px; vertical-align: middle;"></p> + +<p>ブラウザーのレンダリング結果: <math> <mfrac bevelled="true"> <mfrac> <mi> a </mi> <mi> b </mi> </mfrac> <mfrac> <mi> c </mi> <mi> d </mi> </mfrac> </mfrac> </math></p> + +<pre class="brush: html"><math> + <mfrac bevelled="true"> + <mfrac> + <mi> a </mi> + <mi> b </mi> + </mfrac> + <mfrac> + <mi> c </mi> + <mi> d </mi> + </mfrac> + </mfrac> +</math> +</pre> + +<h2 id="Specifications" name="Specifications">仕様</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">仕様</th> + <th scope="col">ステータス</th> + <th scope="col">Comment</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{ SpecName('MathML3', 'chapter3.html#presm.mfrac', 'mfrac') }}</td> + <td>{{ Spec2('MathML3') }}</td> + <td>現在の仕様</td> + </tr> + <tr> + <td>{{ SpecName('MathML2', 'chapter3.html#presm.mfrac', 'mfrac') }}</td> + <td>{{ Spec2('MathML2') }}</td> + <td>初回の仕様</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザー実装状況</h2> + + + +<p>{{Compat("mathml.elements.mfrac")}}</p> diff --git a/files/ja/web/mathml/element/mi/index.html b/files/ja/web/mathml/element/mi/index.html new file mode 100644 index 0000000000..ee4ed66910 --- /dev/null +++ b/files/ja/web/mathml/element/mi/index.html @@ -0,0 +1,117 @@ +--- +title: <mi> +slug: Web/MathML/Element/mi +translation_of: Web/MathML/Element/mi +--- +<div>{{MathMLRef}}</div> + +<p class="summary">MathML の <code><mi></code> 要素は、関数名や変数、記号定数（訳注：数値リテラルでなく文字で表された定数）などの<strong>識別子</strong>としてレンダリングされるべきコンテンツを表します。項をマークアップするために任意のテキストを入れることもできます。</p> + +<h2 id="属性">属性</h2> + +<dl> + <dt id="attr-class-id-style">class, id, style</dt> + <dd><a href="/ja/docs/CSS">スタイルシート</a>と一緒に用いて提供されます。</dd> + <dt id="attr-dir">dir</dt> + <dd>数式全体の書字方向。値として <code>ltr</code> （左から右へ）と <code>rtl</code> （右から左へ） が指定可能です。</dd> + <dt id="attr-href">href</dt> + <dd>指定された URI へのハイパーリンクの設定に使用されます。</dd> + <dt id="attr-mathbackground">mathbackground</dt> + <dd>背景色。<code>#rgb</code>、<code>#rrggbb</code>および<a href="/ja/docs/CSS/color_value#Color_Keywords">HTML色名</a>を使用できます。</dd> + <dt id="attr-mathcolor">mathcolor</dt> + <dd>文字色。<code>#rgb</code>、<code>#rrggbb</code>および<a href="/ja/docs/CSS/color_value#Color_Keywords">HTML色名</a>を使用できます。</dd> + <dt id="attr-mathsize">mathsize</dt> + <dd>The size of the content. Possible values are: + <ul> + <li><code>small:</code> Font is rendered smaller than the current font size.</li> + <li><code>normal:</code> Equivalent to 100% or 1em.</li> + <li><code>big:</code> Font is rendered larger than the current font size.</li> + <li>a custom <a href="/en-US/docs/CSS/length">length</a>.</li> + <li>or a unitless value which multiplies the default.</li> + </ul> + </dd> + <dt id="attr-mathvariant">mathvariant</dt> + <dd>This logical class of the identifier, which varies in typography. That is, although the names suggest the typographic style for the class, semantically, items with the same class are treated "the same" within an expression, which might or might not involve displaying them with the named typography. The following values are allowed: + <ul> + <li><code>normal</code> (Default value for <em>more than one character</em>) ; <math><mi mathvariant="normal">Example</mi></math></li> + <li><code>bold</code> ; <math><mi mathvariant="bold">Example</mi></math></li> + <li><code>italic</code> (Default value for <em>a single character</em>) ; <math><mi mathvariant="italic">Example</mi></math></li> + <li><code>bold-italic</code> ; <math><mi mathvariant="bold-italic">Example</mi></math></li> + </ul> + + <ul> + <li><code>double-struck</code> ; <math><mi mathvariant="double-struck">Example</mi></math></li> + <li><code>bold-fraktur</code> ; <math><mi mathvariant="bold-fraktur">Example</mi></math></li> + <li><code>script</code> ; <math><mi mathvariant="script">Example</mi></math></li> + <li><code>bold-script</code> ; <math><mi mathvariant="bold-script">Example</mi></math></li> + <li><code>fraktur</code> ; <math><mi mathvariant="fraktur">Example</mi></math></li> + </ul> + + <ul> + <li><code>sans-serif</code> ; <math><mi mathvariant="sans-serif">Example</mi></math></li> + <li><code>bold-sans-serif</code> ; <math><mi mathvariant="bold-sans-serif">Example</mi></math></li> + <li><code>sans-serif-italic</code> ; <math><mi mathvariant="sans-serif-italic">Example</mi></math></li> + <li><code>sans-serif-bold-italic</code> ; <math><mi mathvariant="sans-serif-bold-italic">Example</mi></math></li> + <li><code>monospace</code> ; <math><mi mathvariant="monospace">Example</mi></math></li> + </ul> + + <ul> + <li><code>initial</code> ; <math><mi mathvariant="initial">مثال</mi></math></li> + <li><code>tailed</code> ; <math><mi mathvariant="tailed">مثال</mi></math></li> + <li><code>looped</code> ; <math><mi mathvariant="looped">مثال</mi></math></li> + <li><code>stretched</code> ; <math><mi mathvariant="stretched">مثال</mi></math></li> + </ul> + </dd> +</dl> + +<h2 id="例">例</h2> + +<pre class="brush: html"><math> + + <mi> y </mi> + + <mi> sin </mi> + + <mi mathvariant="monospace"> x </mi> + + <mi mathvariant="bold"> &pi; </mi> + +</math> +</pre> + +<h2 id="仕様">仕様</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">仕様</th> + <th scope="col">状態</th> + <th scope="col">コメント</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{ SpecName('MathML3', 'chapter3.html#presm.mi', 'mi') }}</td> + <td>{{ Spec2('MathML3') }}</td> + <td>現在の仕様</td> + </tr> + <tr> + <td>{{ SpecName('MathML2', 'chapter3.html#presm.mi', 'mi') }}</td> + <td>{{ Spec2('MathML2') }}</td> + <td>初期の仕様</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザー互換性">ブラウザー互換性</h2> + + + +<p>{{Compat("mathml.elements.mi")}}</p> + +<h2 id="Gecko_固有の注記">Gecko 固有の注記</h2> + +<ul> + <li>Starting with Gecko 20.0 {{geckoRelease("20.0")}} a unitless value for <code>mathsize</code> is allowed.</li> + <li>Some <code>mathvariant</code> values are only implemented starting with Gecko 28.0 {{ geckoRelease("28.0") }} and require appropriate <a href="/en-US/docs/Mozilla/MathML_Project/Fonts">math fonts</a>.</li> +</ul> diff --git a/files/ja/web/mathml/element/mmultiscripts/index.html b/files/ja/web/mathml/element/mmultiscripts/index.html new file mode 100644 index 0000000000..d195e1c8cb --- /dev/null +++ b/files/ja/web/mathml/element/mmultiscripts/index.html @@ -0,0 +1,130 @@ +--- +title: <mmultiscripts> +slug: Web/MathML/Element/mmultiscripts +translation_of: Web/MathML/Element/mmultiscripts +--- +<div>{{MathMLRef}}</div> + +<p class="summary">MathML の <code><mmultiscripts></code> 要素によって、テンソル的なものを作ることができます。見た目は、 <a class="external" href="http://ja.wikipedia.org/wiki/テンソル" title="http://en.wikipedia.org/wiki/Tensor">テンソル</a> は多次元の行列です（数学的には不正確だが喩えて言えば）。テンソルの階数は、それを表す配列の次元によって決まります。例えば、数は0次元の配列であり、0階のテンソルです。1次元配列（つまり数ベクトル）は1階のテンソルです。同様に、2階のテンソルは四角い行列（訳注：ふつうの意味での行列のこと）で表すことになります。テンソルの数学的背景についてもっと知りたければ、 <a class="external" href="http://ja.wikipedia.org/wiki/テンソル" title="http://en.wikipedia.org/wiki/Tensor">ウィキペディアの記事</a> を参照してください。</p> + +<p>MathML は、基部（base expression）に対する後付け（postscripts）および前付け（prescripts）の下付き／上付きの添字を表すために次のような特定の構文を使います：</p> + +<pre class="syntaxbox"><mmultiscripts> + <em>base</em> + (<em>subscript superscript</em>)* + [ <mprescripts/> (<em>presubscript presuperscript</em>)* ] +</mmultiscripts> +</pre> + +<p>基部のあとに後付けの下付き添字と後付けの上付き添字を指定することができます（訳注：下付き／上付きの組は2個以上繰り返すこともできる）。前付けは任意で、空タグ <code><mprescripts/></code> で区切って置きます（<mprescripts /> 要素は一つしか置くことができず、これを破ると <a href="/ja/docs/Error_Console" title="/en-US/docs/Error_Console">エラーコンソール</a> で <code>DuplicateMprescripts</code> エラーとなり、表示は "invalid-markup" となります）。また、空の添字にはプレースホルダーとして <code><none/></code> を置くことができます（基部には使えません）。正しい使い方は例をご覧ください。</p> + +<h2 id="属性">属性</h2> + +<dl> + <dt id="attr-class-id-style">class, id, style</dt> + <dd>Provided for use with <a href="/en-US/docs/CSS">stylesheets</a>.</dd> + <dt id="attr-href">href</dt> + <dd>特定の URI へのハイパーリンクをセットするのに使います。</dd> + <dt id="attr-mathbackground">mathbackground</dt> + <dd>背景色。<code>#rgb</code>, <code>#rrggbb</code> および <a href="/en-US/docs/CSS/color_value#Color_Keywords">HTML color names</a> が使えます。</dd> + <dt id="attr-mathcolor">mathcolor</dt> + <dd>文字色。<code>#rgb</code>, <code>#rrggbb</code> および <a href="/en-US/docs/CSS/color_value#Color_Keywords">HTML color names</a> が使えます。</dd> + <dt id="attr-subscriptshift">subscriptshift</dt> + <dd>The minimum space by which to shift the subscript below the baseline of the expression, as a <a href="/en-US/docs/CSS/length">CSS length</a>.</dd> + <dt id="attr-superscriptshift">superscriptshift</dt> + <dd>The minimum space by which to shift the superscript above the baseline of the expression, as a <a href="/en-US/docs/CSS/length">CSS length</a>.</dd> +</dl> + +<h2 id="例">例</h2> + +<h3 id="<mprescripts>_の使い方"><code><mprescripts/> の使い方</code></h3> + +<p>Sample rendering: <img alt="" src="/files/3223/mmultiscripts_prescripts.png" style="margin-left: 10px; vertical-align: middle;"></p> + +<p>Rendering in your browser: <math> <mmultiscripts> <mi>X</mi> <mi>d</mi> <mi>c</mi> <mprescripts></mprescripts> <mi>b</mi> <mi>a</mi> </mmultiscripts> </math></p> + +<pre class="brush: html"><math> + + <mmultiscripts> + + <mi>X</mi> <!-- base expression --> + + <mi>d</mi> <!-- postsubscript --> + <mi>c</mi> <!-- postsuperscript --> + + <mprescripts /> + <mi>b</mi> <!-- presubscript --> + <mi>a</mi> <!-- presuperscript --> + + </mmultiscripts> + +</math> +</pre> + +<h3 id="<none>_の使い方"><code><none/> の使い方</code></h3> + +<p>Sample rendering: <img alt="" src="/files/3222/mmultiscripts_none.png" style="margin-left: 10px; vertical-align: middle;"></p> + +<p>Rendering in your browser: <math> <mmultiscripts> <mi>X</mi> <none></none> <mi>c</mi> <mprescripts></mprescripts> <mi>b</mi> <none></none> </mmultiscripts> </math></p> + +<pre class="brush: html"><math> + + <mmultiscripts> + + <mi>X</mi> <!-- base expression --> + + <none /> <!-- postsubscript --> + <mi>c</mi> <!-- postsuperscript --> + + <mprescripts /> + <mi>b</mi> <!-- presubscript --> + <none /> <!-- presuperscript --> + + </mmultiscripts> + +</math> +</pre> + +<h2 id="仕様">仕様</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.mmultiscripts', 'mmultiscripts') }}</td> + <td>{{ Spec2('MathML3') }}</td> + <td>Current specification</td> + </tr> + <tr> + <td>{{ SpecName('MathML2', 'chapter3.html#presm.mmultiscripts', 'mmultiscripts') }}</td> + <td>{{ Spec2('MathML2') }}</td> + <td>Initial specification</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザ実装状況">ブラウザ実装状況</h2> + + + +<p>{{Compat("mathml.elements.mmultiscripts")}}</p> + +<h2 id="Gecko-specific_notes">Gecko-specific notes</h2> + +<ul> + <li>Starting with Gecko 26.0 {{geckoRelease("26")}} it is no longer possible to use <code><none /></code> as the base element. The rendering has been made more consistent with equivalent configurations of {{MathMLElement("msup")}} and {{MathMLElement("msubsup")}}. A bug with the incorrect application of <code>subscriptshift</code> and <code>superscriptshift</code> attributes has been fixed (see {{bug("827713")}} for details).</li> +</ul> + +<h2 id="See_also">See also</h2> + +<ul> + <li>{{ MathMLElement("msub") }}（下付き）</li> + <li>{{ MathMLElement("msup") }}（上付き）</li> + <li>{{ MathMLElement("msubsup") }}（下付き／上付きの組）</li> +</ul> diff --git a/files/ja/web/mathml/element/mn/index.html b/files/ja/web/mathml/element/mn/index.html new file mode 100644 index 0000000000..21d4fb2b84 --- /dev/null +++ b/files/ja/web/mathml/element/mn/index.html @@ -0,0 +1,124 @@ +--- +title: <mn> +slug: Web/MathML/Element/mn +tags: + - MathML + - MathML Reference + - 'MathML:Element' + - 'MathML:Token Elements' +translation_of: Web/MathML/Element/mn +--- +<div>{{MathMLRef}}</div> + +<p class="summary">MathML の <code><mn></code> 要素は、通常は可能な区切り記号（ピリオドかカンマ）をもつ数字列である、数値リテラルを表します。しかし、「eleven」のような数量を表す任意のテキストを書くこともできます。</p> + +<h2 id="属性">属性</h2> + +<dl> + <dt id="attr-class-id-style">class, id, style</dt> + <dd><a href="/ja/docs/CSS">スタイルシート</a>と一緒に用いて提供されます。</dd> + <dt id="attr-dir">dir</dt> + <dd>数式全体の書字方向。値として <code>ltr</code> （左から右へ）と <code>rtl</code> （右から左へ） が指定可能です。</dd> + <dt id="attr-href">href</dt> + <dd>指定された URI へのハイパーリンクの設定に使用されます。</dd> + <dt id="attr-mathbackground">mathbackground</dt> + <dd>背景色。<code>#rgb</code>、<code>#rrggbb</code>および<a href="/ja/docs/CSS/color_value#Color_Keywords">HTML色名</a>を使用できます。</dd> + <dt id="attr-mathcolor">mathcolor</dt> + <dd>文字色。<code>#rgb</code>、<code>#rrggbb</code>および<a href="/ja/docs/CSS/color_value#Color_Keywords">HTML色名</a>を使用できます。</dd> + <dt id="attr-mathsize">mathsize</dt> + <dd>The size of the content. Possible values are: + <ul> + <li><code>small</code>: Font is rendered smaller than the current font size.</li> + <li><code>normal</code>: Equivalent to 100% or 1em.</li> + <li><code>big</code>Font is rendered larger than the current font size.</li> + <li>a custom <a href="/en-US/docs/CSS/length">length</a>.</li> + <li>or a unitless value which multiplies the default.</li> + </ul> + </dd> + <dt id="attr-mathvariant">mathvariant</dt> + <dd>This attribute specifies the logical class of the number which varies in typography. That is, although the names suggest the typographic style for the class, semantically, items with the same class are treated "the same" within an expression, which might or might not involve displaying them with the named typography. The following values are allowed: + <ul> + <li><code>normal</code> (Default value) ; <math><mn mathvariant="normal">Example</mn></math></li> + <li><code>bold</code> ; <math><mn mathvariant="bold">Example</mn></math></li> + <li><code>italic</code> ; <math><mn mathvariant="italic">Example</mn></math></li> + <li><code>bold-italic</code> ; <math><mn mathvariant="bold-italic">Example</mn></math></li> + </ul> + + <ul> + <li><code>double-struck</code> ; <math><mn mathvariant="double-struck">Example</mn></math></li> + <li><code>bold-fraktur</code> ; <math><mn mathvariant="bold-fraktur">Example</mn></math></li> + <li><code>script</code> ; <math><mn mathvariant="script">Example</mn></math></li> + <li><code>bold-script</code> ; <math><mn mathvariant="bold-script">Example</mn></math></li> + <li><code>fraktur</code> ; <math><mn mathvariant="fraktur">Example</mn></math></li> + </ul> + + <ul> + <li><code>sans-serif</code> ; <math><mn mathvariant="sans-serif">Example</mn></math></li> + <li><code>bold-sans-serif</code> ; <math><mn mathvariant="bold-sans-serif">Example</mn></math></li> + <li><code>sans-serif-italic</code> ; <math><mn mathvariant="sans-serif-italic">Example</mn></math></li> + <li><code>sans-serif-bold-italic</code> ; <math><mn mathvariant="sans-serif-bold-italic">Example</mn></math></li> + <li><code>monospace</code> ; <math><mn mathvariant="monospace">Example</mn></math></li> + </ul> + + <ul> + <li><code>initial</code> ; <math><mn mathvariant="initial">مثال</mn></math></li> + <li><code>tailed</code> ; <math><mn mathvariant="tailed">مثال</mn></math></li> + <li><code>looped</code> ; <math><mn mathvariant="looped">مثال</mn></math></li> + <li><code>stretched</code> ; <math><mn mathvariant="stretched">مثال</mn></math></li> + </ul> + </dd> +</dl> + +<h2 id="例">例</h2> + +<pre class="brush: html"><math> + + <mn> 0 </mn> + + <mn> 1.337 </mn> + + <mn> twelve </mn> + + <mn> XVI </mn> + + <mn> 2e10 </mn> + +</math> +</pre> + +<h2 id="仕様">仕様</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.mn', 'mn') }}</td> + <td>{{ Spec2('MathML3') }}</td> + <td>現在の仕様</td> + </tr> + <tr> + <td>{{ SpecName('MathML2', 'chapter3.html#presm.mn', 'mn') }}</td> + <td>{{ Spec2('MathML2') }}</td> + <td>初期の仕様</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザ実装状況">ブラウザ実装状況</h2> + + + +<p>{{Compat("mathml.elements.mn")}}</p> + +<h2 id="Gecko_固有の注記">Gecko 固有の注記</h2> + +<ul> + <li>Starting with Gecko 20.0 {{geckoRelease("20.0")}} a unitless value for <code>mathsize</code> is allowed.</li> + <li>Some <code>mathvariant</code> values are only implemented starting with Gecko 28.0 {{ geckoRelease("28.0") }} and require appropriate <a href="/en-US/docs/Mozilla/MathML_Project/Fonts">math fonts</a>.</li> +</ul> diff --git a/files/ja/web/mathml/element/mo/index.html b/files/ja/web/mathml/element/mo/index.html new file mode 100644 index 0000000000..009bd61201 --- /dev/null +++ b/files/ja/web/mathml/element/mo/index.html @@ -0,0 +1,179 @@ +--- +title: <mo> +slug: Web/MathML/Element/mo +tags: + - MathML + - MathML Reference + - 'MathML:Element' + - 'MathML:Token Elements' +translation_of: Web/MathML/Element/mo +--- +<p>{{MathMLRef()}}</p> + +<p class="summary">MathML の <code><mo></code> 要素は広い意味の演算子を表します。厳密に数学的な意味の演算子のほかに、括弧類やカンマ・セミコロンといった区切り記号、絶対値の縦棒などの「演算子」も含みます。</p> + +<h2 id="属性">属性</h2> + +<dl> + <dt id="attr-accent">accent</dt> + <dd>演算子が上下に付ける記号（<a href="/ja/docs/MathML/Element/munder">underscript</a> または <a href="/ja/docs/MathML/Element/mover">overscript</a>）として使われる場合、この属性は演算子がアクセント記号として扱われるべきかどうかを指定します。<br> + 取り得る値は <code>true</code> または <code>false です。</code></dd> + <dt id="attr-class-id-style">class, id, style</dt> + <dd><a href="/ja/docs/CSS">スタイルシート</a>と一緒に用いて提供されます。</dd> + <dt id="attr-dir">dir</dt> + <dd>数式全体の書字方向。値として <code>ltr</code> （左から右へ）と <code>rtl</code> （右から左へ） が指定可能です。</dd> + <dt id="attr-fence">fence</dt> + <dd>この属性は視覚的効果を持ちませんが、演算子が括弧類などの囲み記号であるかどうかを指定します。<br> + 取り得る値は <code>true</code> または <code>false</code> です。</dd> + <dt id="attr-form">form</dt> + <dd>囲んだ式における演算子の役割を指定します。これは、スペーシングや他のデフォルトプロパティに影響を与えます。通常の演算子（<code>+</code>, <code>-</code> など）の場合、明示的にこの属性を指定する必要はありません。<br> + 取り得る値は次の通りです: + <ul> + <li><code>prefix</code> を指定すると開き括弧類（opening fences）になります。（演算子が一つ以上の子要素を持つ {{ MathMLElement("mrow") }} 要素の最初の子要素の場合はこれが既定値です。）</li> + <li><code>infix</code> を指定するとセパレーターになります。（演算子が {{ MathMLElement("mrow") }} 要素に含まれていない場合はこれが既定値です。)</li> + <li><code>postfix</code> を指定すると閉じ括弧類（closing fences）になります。（演算子が一つ以上の子要素を持つ {{ MathMLElement("mrow") }} 要素の最後の子要素の場合はこれが既定値です。）</li> + </ul> + </dd> + <dt id="attr-href">href</dt> + <dd>指定された URI へのハイパーリンクの設定に使用されます。</dd> + <dt id="attr-largeop">largeop</dt> + <dd><code>displaystyle="true"</code> と設定されるときに演算子が通常よりも大きく表示されるべきかどうかを指定します。取り得る値は <code>true</code> または <code>false</code> です。</dd> + <dt id="attr-lspace">lspace</dt> + <dd>演算子の前の空き量（値と単位については <a href="/ja/docs/MathML/Attributes/Values#Lengths">length</a> を参照）。定数 <code>thickmathspace</code>（5/18em）が既定値です。</dd> + <dt id="attr-mathbackground">mathbackground</dt> + <dd>背景色。<code>#rgb</code>、<code>#rrggbb</code>および<a href="/ja/docs/CSS/color_value#Color_Keywords">HTML色名</a>を使用できます。</dd> + <dt id="attr-mathcolor">mathcolor</dt> + <dd>文字色。<code>#rgb</code>、<code>#rrggbb</code>および<a href="/ja/docs/CSS/color_value#Color_Keywords">HTML色名</a>を使用できます。</dd> + <dt id="attr-mathsize">mathsize</dt> + <dd>The size of the content. Possible values are: + <ul> + <li><code>small:</code> Font is rendered smaller than the current font size.</li> + <li><code>normal:</code> Equivalent to 100% or 1em.</li> + <li><code>big:</code> Font is rendered larger than the current font size.</li> + <li>a custom <a href="/en-US/docs/MathML/Attributes/Values#Lengths">length</a>.</li> + <li>or a unitless value which multiplies the default.</li> + </ul> + </dd> + <dt id="attr-mathvariant">mathvariant</dt> + <dd>This attribute specifies the logical class of the operator which varies in typography. That is, although the names suggest the typographic style for the class, semantically, items with the same class are treated "the same" within an expression, which might or might not involve displaying them with the named typography. The following values are allowed: + <ul> + <li><code>normal</code> (Default value) ; <math><mo mathvariant="normal">Example</mo></math></li> + <li><code>bold</code> ; <math><mo mathvariant="bold">Example</mo></math></li> + <li><code>italic</code> ; <math><mo mathvariant="italic">Example</mo></math></li> + <li><code>bold-italic</code> ; <math><mo mathvariant="bold-italic">Example</mo></math></li> + </ul> + + <ul> + <li><code>double-struck</code> ; <math><mo mathvariant="double-struck">Example</mo></math></li> + <li><code>bold-fraktur</code> ; <math><mo mathvariant="bold-fraktur">Example</mo></math></li> + <li><code>script</code> ; <math><mo mathvariant="script">Example</mo></math></li> + <li><code>bold-script</code> ; <math><mo mathvariant="bold-script">Example</mo></math></li> + <li><code>fraktur</code> ; <math><mo mathvariant="fraktur">Example</mo></math></li> + </ul> + + <ul> + <li><code>sans-serif</code> ; <math><mo mathvariant="sans-serif">Example</mo></math></li> + <li><code>bold-sans-serif</code> ; <math><mo mathvariant="bold-sans-serif">Example</mo></math></li> + <li><code>sans-serif-italic</code> ; <math><mo mathvariant="sans-serif-italic">Example</mo></math></li> + <li><code>sans-serif-bold-italic</code> ; <math><mo mathvariant="sans-serif-bold-italic">Example</mo></math></li> + <li><code>monospace</code> ; <math><mo mathvariant="monospace">Example</mo></math></li> + </ul> + + <ul> + <li><code>initial</code> ; <math><mo mathvariant="initial">مثال</mo></math></li> + <li><code>tailed</code> ; <math><mo mathvariant="tailed">مثال</mo></math></li> + <li><code>looped</code> ; <math><mo mathvariant="looped">مثال</mo></math></li> + <li><code>stretched</code> ; <math><mo mathvariant="stretched">مثال</mo></math></li> + </ul> + </dd> + <dt id="attr-maxsize">maxsize</dt> + <dd>If <code>stretchy</code> is <code>true</code>, this attribute specifies the maximum size of the operator. Allowed values are: + <ul> + <li><code>infinity</code></li> + <li>an arbitrary <a href="/en-US/docs/MathML/Attributes/Values#Lengths">length</a></li> + </ul> + </dd> + <dt id="attr-minsize">minsize</dt> + <dd>If <code>stretchy</code> is <code>true</code>, this attribute specifies the minimum size of the operator. Allowed values are: + <ul> + <li><code>infinity</code></li> + <li>an arbitrary <a href="/en-US/docs/MathML/Attributes/Values#Lengths">length</a></li> + </ul> + </dd> + <dt id="attr-movablelimits">movablelimits</dt> + <dd><strong>displaystyle</strong> が <code>false</code> の場合に、上下に付ける記号（overscript，underscript）が上付き・下付き（superscript，subscript）の位置に移動するかどうかを指定します。<br> + 取り得る値は <code>true</code> または <code>false です。</code></dd> + <dt id="attr-rspace">rspace</dt> + <dd>演算子の後の空き量（値と単位については <a href="/ja/docs/MathML/Attributes/Values#Lengths">length</a> を参照）。定数 <code>thickmathspace</code>（5/18em）が既定値です。</dd> + <dt id="attr-separator">separator</dt> + <dd>この属性は視覚的効果を持ちませんが、演算子がカンマなどの区切り記号であるかどうかを指定します。<br> + 取り得る値は <code>true</code> または <code>false</code> です。</dd> + <dt id="attr-stretchy">stretchy</dt> + <dd>Specifies whether the operator stretches to the size of the adjacent element.<br> + Allowed values are <code>true</code> or <code>false</code>.</dd> + <dt id="attr-symmetric">symmetric</dt> + <dd><strong>stretchy</strong> が <code>true</code> の場合、演算子が仮想数式軸（imaginary math axis，分数線の高さの水平軸）のまわりに上下対称であるべきかどうかを指定します。<br> + 既定値は、<strong>stretchy</strong> が <code>true</code> セットされるならば <code>true</code> となり、そうでなければ <code>false</code> です。 取り得る値は <code>true</code> または <code>false</code> です。</dd> +</dl> + +<h2 id="例">例</h2> + +<pre class="brush: html"><math> + +<mrow> + <mn>5</mn> + <mo>+</mo> + <mn>5</mn> +</mrow> + +<mrow> + <mo> [ </mo> <!-- default form value: prefix --> + <mrow> + <mn> 0 </mn> + <mo> ; </mo> <!-- default form value: infix --> + <mn> 1 </mn> + </mrow> + <mo> ) </mo> <!-- default form value: postfix --> +</mrow> + +</math> +</pre> + +<h2 id="Specifications" name="Specifications">仕様</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">仕様</th> + <th scope="col">状態</th> + <th scope="col">コメント</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{ SpecName('MathML3', 'chapter3.html#presm.mo', 'mo') }}</td> + <td>{{ Spec2('MathML3') }}</td> + <td>Current specification</td> + </tr> + <tr> + <td>{{ SpecName('MathML2', 'chapter3.html#presm.mo', 'mo') }}</td> + <td>{{ Spec2('MathML2') }}</td> + <td>初期の仕様</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザ実装状況">ブラウザ実装状況</h2> + + + +<p>{{Compat("mathml.elements.mo")}}</p> + +<h2 id="Gecko_固有の注記">Gecko 固有の注記</h2> + +<ul> + <li>Starting with Gecko 16.0 {{ geckoRelease("16.0") }} the default values for <code>lspace</code> and <code>rspace</code> have been corrected to match the MathML3 specification. They now default to the constant <code>thickmathspace</code> (5/18em).</li> + <li>Starting with Gecko 20.0 {{geckoRelease("20.0")}} a unitless value for <code>mathsize</code> is allowed.</li> + <li>Some <code>mathvariant</code> values are only implemented starting with Gecko 28.0 (Firefox 28.0 / Thunderbird 28.0 / SeaMonkey 2.25) and require appropriate <a href="https://developer.mozilla.org/en-US/docs/Mozilla/MathML_Project/Fonts">math fonts</a>.</li> + <li>Any <a class="external" href="http://www.w3.org/TR/MathML3/chapter3.html#presm.lbattrs" title="http://www.w3.org/TR/MathML3/chapter3.html#presm.lbattrs">linebreaking</a> or <a class="external" href="http://www.w3.org/TR/MathML3/chapter3.html#presm.lbindent.attrs" title="http://www.w3.org/TR/MathML3/chapter3.html#presm.lbindent.attrs">indentation attributes</a> are not implemented yet. See {{ bug("534962") }}.</li> +</ul> diff --git a/files/ja/web/mathml/element/mover/index.html b/files/ja/web/mathml/element/mover/index.html new file mode 100644 index 0000000000..2d6619d9a1 --- /dev/null +++ b/files/ja/web/mathml/element/mover/index.html @@ -0,0 +1,88 @@ +--- +title: <mover> +slug: Web/MathML/Element/mover +translation_of: Web/MathML/Element/mover +--- +<div>{{MathMLRef}}</div> + +<p class="summary">MathML の <code><mover></code> 要素はアクセントかリミットを上に載せるために使われます。構文は次の通りです： <code><mover> <em>base overscript</em> </mover></code><br> + 訳注：アクセントは例えばドットやハットなどの記号です。リミットとは，定積分の区間の端点などのことです。<br> + overscript には定着した訳語がないようです。superscript（上付き）が肩に付く添字であるのに対し，overscript は真上に付く添字です。そのまま「オーバースクリプト」と書くことにします。</p> + +<h2 id="属性">属性</h2> + +<dl> + <dt id="attr-accent">accent</dt> + <dd>これが <code>true</code> の場合，オーバースクリプトはアクセントであり，本体に近く表示されます。<br> + <code>false</code>（既定値）の場合，オーバースクリプトは本体の上に載せるリミットです。<br> + 訳注：既定値は実際にはもう少し複雑で，オーバースクリプトが <code><mo></code> 要素の場合，その <code>accent</code> 属性が既定値となるというルールがあります。詳細は仕様書を参照。また，<code>accent</code> 属性の値によって大きさが違って表示される場合もあります。</dd> + <dt id="attr-align">align</dt> + <dd>オーバースクリプトの揃え位置。取り得る値は：<code>left</code>, <code>center</code> および <code>right</code>.</dd> + <dt id="attr-class-id-style">class, id, style</dt> + <dd>Provided for use with <a href="/en-US/docs/CSS">stylesheets</a>.</dd> + <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="/en-US/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="/en-US/docs/CSS/color_value#Color_Keywords">HTML color names</a>.</dd> +</dl> + +<h2 id="例">例</h2> + +<p>Sample rendering: <img alt="x+y+z" src="/files/3196/mover.png" style="margin-left: 10px; vertical-align: middle;"></p> + +<p>Rendering in your browser: <math> <mover accent="true"> <mrow> <mi> x </mi> <mo> + </mo> <mi> y </mi> <mo> + </mo> <mi> z </mi> </mrow> <mo> ⏞ </mo> </mover> </math></p> + +<pre class="brush: html"><math> + +<mover accent="true"> + <mrow> + <mi> x </mi> + <mo> + </mo> + <mi> y </mi> + <mo> + </mo> + <mi> z </mi> + </mrow> + <mo> &#x23DE; <!--TOP CURLY BRACKET--> </mo> +</mover> + +</math> +</pre> + +<h2 id="仕様書">仕様書</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.mover', 'mover') }}</td> + <td>{{ Spec2('MathML3') }}</td> + <td>Current specification</td> + </tr> + <tr> + <td>{{ SpecName('MathML2', 'chapter3.html#presm.mover', 'mover') }}</td> + <td>{{ Spec2('MathML2') }}</td> + <td>Initial specification</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザ実装状況">ブラウザ実装状況</h2> + + + +<p>{{Compat("mathml.elements.mover")}}</p> + +<h2 id="関連情報">関連情報</h2> + +<ul> + <li>{{ MathMLElement("munder") }} (Underscript)</li> + <li>{{ MathMLElement("munderover") }} (Underscript-overscript pair)</li> +</ul> diff --git a/files/ja/web/mathml/element/mphantom/index.html b/files/ja/web/mathml/element/mphantom/index.html new file mode 100644 index 0000000000..b3e3e2c36b --- /dev/null +++ b/files/ja/web/mathml/element/mphantom/index.html @@ -0,0 +1,75 @@ +--- +title: <mphantom> +slug: Web/MathML/Element/mphantom +translation_of: Web/MathML/Element/mphantom +--- +<div>{{MathMLRef}}</div> + +<p class="summary">MathML の <code><mphantom></code> 要素は、表示上は不可視だが一定の広がり（高さ、幅、ベースライン位置）を維持した要素です。</p> + +<h2 id="属性">属性</h2> + +<dl> + <dt id="attr-class-id-style">class, id, style</dt> + <dd>Provided for use with <a href="/en-US/docs/CSS">stylesheets</a>.</dd> + <dt id="attr-mathbackground">mathbackground</dt> + <dd>背景色。<code>#rgb</code>, <code>#rrggbb</code> および <a href="/en-US/docs/CSS/color_value#Color_Keywords">HTML color names</a> を用いることができる。</dd> +</dl> + +<h2 id="例">例</h2> + +<p>Sample rendering: <img alt="x+ z" src="/files/3199/mphantom.png" style="margin-left: 10px; vertical-align: middle;"></p> + +<p>Rendering in your browser: <math> <mrow> <mi> x </mi> <mo> + </mo> <mphantom> <mi> y </mi> <mo> + </mo> </mphantom> <mi> z </mi> </mrow> </math></p> + +<pre class="brush: html"><math> + +<mrow> + <mi> x </mi> + <mo> + </mo> + <mphantom> + <mi> y </mi> + <mo> + </mo> + </mphantom> + <mi> z </mi> +</mrow> + +</math> +</pre> + +<h2 id="仕様">仕様</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.mphantom', 'mphantom') }}</td> + <td>{{ Spec2('MathML3') }}</td> + <td>Current specification</td> + </tr> + <tr> + <td>{{ SpecName('MathML2', 'chapter3.html#presm.mphantom', 'mphantom') }}</td> + <td>{{ Spec2('MathML2') }}</td> + <td>Initial specification</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザーごとの互換性">ブラウザーごとの互換性</h2> + + + +<p>{{Compat("mathml.elements.mphantom")}}</p> + +<h2 id="See_also">See also</h2> + +<ul> + <li>{{ MathMLElement("mspace") }}</li> + <li>{{ MathMLElement("mpadded") }}</li> +</ul> diff --git a/files/ja/web/mathml/element/mroot/index.html b/files/ja/web/mathml/element/mroot/index.html new file mode 100644 index 0000000000..64b9691e23 --- /dev/null +++ b/files/ja/web/mathml/element/mroot/index.html @@ -0,0 +1,85 @@ +--- +title: <mroot> +slug: Web/MathML/Element/mroot +tags: + - MathML + - MathML Reference + - 'MathML:Element' + - 'MathML:General Layout Schemata' +translation_of: Web/MathML/Element/mroot +--- +<div>{{MathMLRef}}</div> + +<p class="summary">MathML の <code><mroot></code> 要素は根指数の付いた累乗根を表示するのに用いられます。引数は二つあり，構文は <code><mroot> <em>基数 根指数</em> </mroot></code> となります。</p> + +<h2 id="Attributes" name="Attributes">属性</h2> + +<dl> + <dt id="attr-class-id-style">class, id, style</dt> + <dd><a href="/ja/docs/Web/CSS">スタイルシート</a>で使用するために使います。</dd> + <dt id="attr-displaystyle"><code>displaystyle</code></dt> + <dd>論理値で、数式を表示する際に上下に余白を追加するかどうかを指定します。 <code>false</code> に設定すると、数式を表示するのによりコンパクトなレイアウトを使用します。 <code>displaystyle</code> を <code>true</code> に設定する主な効果は、演算子をより大きく表示することです。 {{ MathMLElement("mo") }} の <code>largeop</code> および <code>movablelimits</code> も参照してください。</dd> + <dt id="attr-href">href</dt> + <dd>指定された URL へのハイパーリンクを設定するために使われます。</dd> + <dt id="attr-mathbackground">mathbackground</dt> + <dd>背景色を指定します。 <code>#rgb</code> や <code>#rrggbb</code> のような16進表現や<a href="/ja/docs/CSS/color_value#Color_Keywords">HTML 色名</a>を用いることができます</dd> + <dt id="attr-mathcolor">mathcolor</dt> + <dd>文字や記号自体の色を指定します。 <code>#rgb</code> や <code>#rrggbb</code> のような16進表現や <a href="/ja/docs/CSS/color_value#Color_Keywords">HTML color 色名</a>を用いることができます</dd> +</dl> + +<h2 id="Examples" name="Examples">例</h2> + +<p>レンダリングのサンプル(画像): <img alt="x" src="/files/3200/mroot.png" style="margin-left: 10px; vertical-align: middle;"></p> + +<p>ブラウザのレンダリング結果: <math> <mroot> <mi>x</mi> <mn>3</mn> </mroot> </math></p> + +<pre class="brush: html notranslate"><math> + + <mroot> + <mi>x</mi> + <mn>3</mn> + </mroot> + +</math> +</pre> + +<h2 id="Specifications" name="Specifications">仕様書</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">仕様書</th> + <th scope="col">状態</th> + <th scope="col">備考</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName("MathMLCore", "#radicals-msqrt-mroot", "mroot")}}</td> + <td>{{Spec2("MathMLCore")}}</td> + <td>草稿の仕様</td> + </tr> + <tr> + <td>{{ SpecName('MathML3', 'chapter3.html#presm.mroot', 'mroot') }}</td> + <td>{{ Spec2('MathML3') }}</td> + <td>現在の仕様</td> + </tr> + <tr> + <td>{{ SpecName('MathML2', 'chapter3.html#presm.mroot', 'mroot') }}</td> + <td>{{ Spec2('MathML2') }}</td> + <td>初回定義</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> + +<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div> + +<p>{{Compat("mathml.elements.mroot")}}</p> + +<h2 id="See_also" name="See_also">関連情報</h2> + +<ul> + <li>{{ MathMLElement("msqrt") }} (根指数のない平方根)</li> +</ul> diff --git a/files/ja/web/mathml/element/mspace/index.html b/files/ja/web/mathml/element/mspace/index.html new file mode 100644 index 0000000000..bd6da532ed --- /dev/null +++ b/files/ja/web/mathml/element/mspace/index.html @@ -0,0 +1,84 @@ +--- +title: <mspace> +slug: Web/MathML/Element/mspace +translation_of: Web/MathML/Element/mspace +--- +<p>{{MathMLRef()}}</p> + +<p>MathML の <code><mspace></code> 要素は，空白を作るために使われます。空白のサイズ（訳注：幅だけでなくベースラインからの高さ，深さも）は属性で指定します。</p> + +<h2 id="属性">属性</h2> + +<dl> + <dt id="attr-class-id-style">class, id, style</dt> + <dd>Provided for use with <a href="/en-US/docs/CSS">stylesheets</a>.</dd> + <dt id="attr-depth">depth</dt> + <dd>ベースラインからの希望の深さ（値と単位については <a href="/ja/docs/MathML/Attributes/Values#Lengths">length</a> 参照）</dd> + <dt id="attr-height">height</dt> + <dd>ベースラインからの希望の高さ（値と単位については <a href="/ja/docs/MathML/Attributes/Values#Lengths">length</a> 参照）</dd> + <dt id="attr-linebreak">linebreak</dt> + <dd>この空白における改行について。取り得る値は <code>auto</code>（規定値），<code>newline，</code><code>nobreak，</code><code>goodbreak</code>，<code>badbreak</code>。MathML 3 以降は改行を制御するのに {{ MathMLElement("mo") }} を用いるのが好ましい。</dd> + <dt id="attr-mathbackground">mathbackground</dt> + <dd>The background color. You can use <code>#rgb</code>, <code>#rrggbb</code> and <a href="/en-US/docs/CSS/color_value#Color_Keywords">HTML color names</a>.</dd> + <dt id="attr-width">width</dt> + <dd>希望の幅（値と単位については <a href="/ja/docs/MathML/Attributes/Values#Lengths">length</a> 参照）</dd> +</dl> + +<p>Note that some common attributes like <code>mathcolor</code>, <code>mathvariant</code> or <code>dir</code> have no effect on <code><mspace></code>.</p> + + + +<h2 id="例">例</h2> + +<pre class="brush: html"><math> + + <mspace depth="40px" height="20px" /> + + <mspace width="100px" /> + +</math> +</pre> + +<h2 id="ブラウザごとの互換性">ブラウザごとの互換性</h2> + + + +<p>{{Compat("mathml.elements.mspace")}}</p> + +<h3 id="Gecko-specific_notes">Gecko-specific notes</h3> + +<ul> + <li><a class="external" href="http://www.w3.org/TR/MathML3/chapter3.html#presm.lbindent.attrs" title="http://www.w3.org/TR/MathML3/chapter3.html#presm.lbindent.attrs">Indentation attributes</a> are not implemented yet (for Gecko see {{ bug("534962") }}).</li> + <li>Support for negative values for the <code>width</code> attribute has been implemented in Gecko 23.0 {{geckoRelease("23.0")}}.</li> +</ul> + +<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.mspace', 'mspace') }}</td> + <td>{{ Spec2('MathML3') }}</td> + <td>Current specification</td> + </tr> + <tr> + <td>{{ SpecName('MathML2', 'chapter3.html#presm.mspace', 'mspace') }}</td> + <td>{{ Spec2('MathML2') }}</td> + <td>Initial specification</td> + </tr> + </tbody> +</table> + +<h2 id="See_also">See also</h2> + +<ul> + <li>{{ MathMLElement("mpadded") }}</li> + <li>{{ MathMLElement("mphantom") }}</li> +</ul> diff --git a/files/ja/web/mathml/element/msqrt/index.html b/files/ja/web/mathml/element/msqrt/index.html new file mode 100644 index 0000000000..f92be2fee3 --- /dev/null +++ b/files/ja/web/mathml/element/msqrt/index.html @@ -0,0 +1,75 @@ +--- +title: <msqrt> +slug: Web/MathML/Element/msqrt +tags: + - MathML + - 平方根 +translation_of: Web/MathML/Element/msqrt +--- +<p>{{MathMLRef()}}</p> + +<p>MathMLの <code><msqrt></code> 要素は平方根（根指数のついていない累乗根）を表示するために用いられます。 引数は一つだけで、構文は <code><msqrt> <em>base</em> </msqrt></code> となります。</p> + +<h2 id="属性">属性</h2> + +<dl> + <dt id="attr-class-id-style">class, id, style</dt> + <dd><a href="/ja/docs/CSS">CSS</a>を用いて修飾を行なう際に使われます。</dd> + <dt id="attr-href">href</dt> + <dd>ハイパーリンクを設定する際に用いられます。</dd> + <dt id="attr-mathbackground">mathbackground</dt> + <dd>数式の背景色を指定するために使われます。<code>#rgb</code><font face="Arial, x-locale-body, sans-serif">、</font><code>#rrggbb</code>のような16進表現のほか、HTMLで定められた<a href="https://wiki.developer.mozilla.org/ja/docs/Web/CSS/color_value#Color_keywords" rel="noopener">色キーワード</a>を用いることができます。</dd> + <dt id="attr-mathcolor">mathcolor</dt> + <dd>根号を含んだ数式の文字の色を指定するために使われます。<code>#rgb</code><font face="Arial, x-locale-body, sans-serif">、</font><code>#rrggbb</code>のような16進表現のほか、HTMLで定められた<a href="https://wiki.developer.mozilla.org/ja/docs/Web/CSS/color_value#Color_keywords" rel="noopener">色キーワード</a>を用いることができます。</dd> +</dl> + +<h2 id="例">例</h2> + +<p>レンダリングのサンプル(画像): <img alt="root-x" src="/files/3201/msqrt.png" style="margin-left: 10px; vertical-align: middle;"></p> + +<p>ブラウザのレンダリング結果: <math> <msqrt> <mi>x</mi> </msqrt> </math></p> + +<pre class="brush: html"><math> + + <msqrt> + <mi>x</mi> + </msqrt> + +</math> +</pre> + +<h2 id="ブラウザごとの互換性">ブラウザごとの互換性</h2> + + + +<p>{{Compat("mathml.elements.msqrt")}}</p> + +<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.msqrt', 'msqrt') }}</td> + <td>{{ Spec2('MathML3') }}</td> + <td>Current specification</td> + </tr> + <tr> + <td>{{ SpecName('MathML2', 'chapter3.html#presm.msqrt', 'msqrt') }}</td> + <td>{{ Spec2('MathML2') }}</td> + <td>Initial specification</td> + </tr> + </tbody> +</table> + +<h2 id="See_also">See also</h2> + +<ul> + <li>{{ MathMLElement("mroot") }} (Radical with an index)</li> +</ul> diff --git a/files/ja/web/mathml/element/msub/index.html b/files/ja/web/mathml/element/msub/index.html new file mode 100644 index 0000000000..3e4f44c00f --- /dev/null +++ b/files/ja/web/mathml/element/msub/index.html @@ -0,0 +1,84 @@ +--- +title: <msub> +slug: Web/MathML/Element/msub +translation_of: Web/MathML/Element/msub +--- +<p>{{MathMLRef()}}</p> + +<p>MathML の <code><msub></code> 要素は式に下付きを付けるために用います。<br> + 構文は <code><msub> <em>base subscript</em> </msub></code> となります。</p> + +<h2 id="属性">属性</h2> + +<dl> + <dt id="attr-class-id-style">class, id, style</dt> + <dd>Provided for use with <a href="/en-US/docs/CSS">stylesheets</a>.</dd> + <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="/en-US/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="/en-US/docs/CSS/color_value#Color_Keywords">HTML color names</a>.</dd> + <dt id="attr-subscriptshift">subscriptshift</dt> + <dd>下付き部分を本体のベースラインから下げる最小量を <a href="/en-US/docs/MathML/Attributes/Values#Lengths">length value</a> として指定します。</dd> +</dl> + +<h2 id="例">例</h2> + +<p>Sample rendering: <img alt="x1" src="/files/3202/msub.png" style="margin-left: 10px; vertical-align: middle;"></p> + +<p>Rendering in your browser: <math> <msub> <mi>X</mi> <mn>1</mn> </msub> </math></p> + +<pre class="brush: html"><math> + + <msub> + <mi>X</mi> + <mn>1</mn> + </msub> + +</math> +</pre> + +<h2 id="ブラウザ毎の互換性">ブラウザ毎の互換性</h2> + + + +<p>{{Compat("mathml.elements.msub")}}</p> + +<h3 id="Specifications" name="Specifications">Gecko-specific notes</h3> + +<ul> + <li>Starting with Gecko 26.0 {{geckoRelease("26")}} it is no longer possible to use <code><none /></code> as a child element. The rendering has been made more consistent with equivalent configurations of {{MathMLElement("msup")}} and {{MathMLElement("mmultiscripts")}} and a bug with an incorrect application <code>of the </code><code>superscriptshift</code> attribute has been fixed (see {{bug("827713")}} for details).</li> +</ul> + +<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.msub', 'msub') }}</td> + <td>{{ Spec2('MathML3') }}</td> + <td>Current specification</td> + </tr> + <tr> + <td>{{ SpecName('MathML2', 'chapter3.html#presm.msub', 'msub') }}</td> + <td>{{ Spec2('MathML2') }}</td> + <td>Initial specification</td> + </tr> + </tbody> +</table> + +<h2 id="See_also">See also</h2> + +<ul> + <li>{{ MathMLElement("msup") }} (Superscript)</li> + <li>{{ MathMLElement("msubsup") }} (Subscript-superscript pair)</li> + <li>{{ MathMLElement("mmultiscripts") }} (Prescripts and tensor indices)</li> +</ul> diff --git a/files/ja/web/mathml/element/msubsup/index.html b/files/ja/web/mathml/element/msubsup/index.html new file mode 100644 index 0000000000..3ab64afe74 --- /dev/null +++ b/files/ja/web/mathml/element/msubsup/index.html @@ -0,0 +1,89 @@ +--- +title: <msubsup> +slug: Web/MathML/Element/msubsup +tags: + - MathML +translation_of: Web/MathML/Element/msubsup +--- +<div>{{MathMLRef}}</div> + +<p class="summary">MathML <code><msubsup></code>要素は、下付き文字と上付き文字の両方を一緒に式に付けるために使用されます。<br> + 次の構文を使用します: <code><msubsup> <em>ベース 下付き文字 上付き文字</em> </msubsup></code></p> + +<h2 id="属性">属性</h2> + +<dl> + <dt id="attr-class-id-style">class, id, style</dt> + <dd><a href="/ja/docs/CSS">スタイルシート</a>で使用するために用意されます。</dd> + <dt id="attr-href">href</dt> + <dd>指定されたURIへのハイパーリンクを設定するために使用されます。</dd> + <dt id="attr-mathbackground">mathbackground</dt> + <dd>背景色。<code>#rgb</code>、<code>#rrggbb</code>、および<a href="/ja/docs/CSS/color_value#Color_Keywords">HTMLの色名</a>を使用できます。</dd> + <dt id="attr-mathcolor">mathcolor</dt> + <dd>テキスト色。<code>#rgb</code>、<code>#rrggbb</code>、および<a href="/ja/docs/CSS/color_value#Color_Keywords">HTMLの色名</a>を使用できます。</dd> + <dt id="attr-subscriptshift">subscriptshift</dt> + <dd><a href="/ja/docs/MathML/Attributes/Values#Lengths">長さの値</a>として、下付き文字を式のベースラインより下にシフトするための最小スペース。</dd> + <dt id="attr-superscriptshift">superscriptshift</dt> + <dd><a href="/ja/docs/MathML/Attributes/Values#Lengths">長さの値</a>として、上付き文字を式のベースラインより上にシフトするための最小スペース。</dd> +</dl> + +<h2 id="例">例</h2> + +<p>サンプルレンダリング: <img alt="x1" src="/files/3204/msubsup.png" style="margin-left: 10px; vertical-align: middle;"></p> + +<p>ブラウザーでのレンダリング: <math displaystyle="true"> <msubsup> <mo> ∫</mo> <mn> 0 </mn> <mn> 1 </mn> </msubsup> </math></p> + +<pre class="brush: html"><math displaystyle="true"> + + <msubsup> + <mo> &#x222B;<!--Integral --> </mo> + <mn> 0 </mn> + <mn> 1 </mn> + </msubsup> + +</math> +</pre> + +<h2 id="仕様">仕様</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">仕様</th> + <th scope="col">状態</th> + <th scope="col">コメント</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{ SpecName('MathML3', 'chapter3.html#presm.msubsup', 'msubsup') }}</td> + <td>{{ Spec2('MathML3') }}</td> + <td>現在の仕様</td> + </tr> + <tr> + <td>{{ SpecName('MathML2', 'chapter3.html#presm.msubsup', 'msubsup') }}</td> + <td>{{ Spec2('MathML2') }}</td> + <td>初期の仕様</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザー互換性">ブラウザー互換性</h2> + + + +<p>{{Compat("mathml.elements.msubsup")}}</p> + +<h2 id="Gecko固有のノート">Gecko固有のノート</h2> + +<ul> + <li>Gecko 26.0 {{geckoRelease("26")}}から、子要素として <code><none /></code> を使用することはできません。 レンダリングは {{MathMLElement("msup")}} と {{MathMLElement("mmultiscripts")}} の同等の構成と一貫して行われ、<code>subscriptshift</code>と<code>superscriptshift</code>属性の誤った適用によるバグが修正されました（詳細については {{bug("827713")}} を参照）。</li> +</ul> + +<h2 id="関連項目">関連項目</h2> + +<ul> + <li>{{ MathMLElement("msub") }} (上付き文字)</li> + <li>{{ MathMLElement("msup") }} (下付き文字)</li> + <li>{{ MathMLElement("mmultiscripts") }} (プリスケープとテンソルインデックス)</li> +</ul> diff --git a/files/ja/web/mathml/element/msup/index.html b/files/ja/web/mathml/element/msup/index.html new file mode 100644 index 0000000000..5d96ed2046 --- /dev/null +++ b/files/ja/web/mathml/element/msup/index.html @@ -0,0 +1,84 @@ +--- +title: <msup> +slug: Web/MathML/Element/msup +translation_of: Web/MathML/Element/msup +--- +<p>{{MathMLRef()}}</p> + +<p>MathML <code>の <msup></code> 要素は，式に上付きを付けるために用います。<br> + 構文は <code><msup> <em>base superscript</em> </msup></code> となります。</p> + +<h2 id="属性">属性</h2> + +<dl> + <dt id="attr-class-id-style">class, id, style</dt> + <dd>Provided for use with <a href="/en-US/docs/CSS">stylesheets</a>.</dd> + <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="/en-US/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="/en-US/docs/CSS/color_value#Color_Keywords">HTML color names</a>.</dd> + <dt id="attr-superscriptshift">superscriptshift</dt> + <dd>上付き部分を本体のベースラインから持ち上げる最小の量を <a href="/en-US/docs/MathML/Attributes/Values#Lengths">length value.</a> で指定します。</dd> +</dl> + +<h2 id="例">例</h2> + +<p>Sample rendering: <img alt="x1" src="/files/3203/msup.png" style="margin-left: 10px; vertical-align: middle;"></p> + +<p>Rendering in your browser: <math> <msup> <mi>X</mi> <mn>2</mn> </msup> </math></p> + +<pre class="brush: html"><math> + + <msup> + <mi>X</mi> + <mn>2</mn> + </msup> + +</math> +</pre> + +<h2 id="ブラウザ毎の互換性">ブラウザ毎の互換性</h2> + + + +<p>{{Compat("mathml.elements.msup")}}</p> + +<h3 id="Specifications" name="Specifications">Gecko-specific notes</h3> + +<ul> + <li>Starting with Gecko 26.0 {{geckoRelease("26")}} it is no longer possible to use <code><none /></code> as a child element. The rendering has been made more consistent with equivalent configurations of {{MathMLElement("msub")}} and {{MathMLElement("mmultiscripts")}} and a bug with an incorrect application of<code> the superscriptshift</code> attribute has been fixed (see {{bug("827713")}} for details).</li> +</ul> + +<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.msup', 'msup') }}</td> + <td>{{ Spec2('MathML3') }}</td> + <td>Current specification</td> + </tr> + <tr> + <td>{{ SpecName('MathML2', 'chapter3.html#presm.msup', 'msup') }}</td> + <td>{{ Spec2('MathML2') }}</td> + <td>Initial specification</td> + </tr> + </tbody> +</table> + +<h2 id="See_also">See also</h2> + +<ul> + <li>{{ MathMLElement("msub") }} (Subscript)</li> + <li>{{ MathMLElement("msubsup") }} (Subscript-superscript pair)</li> + <li>{{ MathMLElement("mmultiscripts") }} (Prescripts and tensor indices)</li> +</ul> diff --git a/files/ja/web/mathml/element/mtable/index.html b/files/ja/web/mathml/element/mtable/index.html new file mode 100644 index 0000000000..2d4c746517 --- /dev/null +++ b/files/ja/web/mathml/element/mtable/index.html @@ -0,0 +1,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="/en-US/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="/en-US/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="/en-US/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="/en-US/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="/en-US/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> diff --git a/files/ja/web/mathml/element/mtd/index.html b/files/ja/web/mathml/element/mtd/index.html new file mode 100644 index 0000000000..bfdb7dfd21 --- /dev/null +++ b/files/ja/web/mathml/element/mtd/index.html @@ -0,0 +1,70 @@ +--- +title: <mtd> +slug: Web/MathML/Element/mtd +translation_of: Web/MathML/Element/mtd +--- +<p>{{MathMLRef()}}</p> + +<p>MathML の <code><mtd></code> 要素は表組み・行列のセルを表します。{{ MathMLElement("mtr") }} 要素の中にしか現れません。この要素は <a href="/ja/docs/HTML">HTML</a> の {{ HTMLElement("td") }} 要素に似ています。</p> + +<h2 id="属性">属性</h2> + +<dl> + <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>セル内の水平方向の揃えを指定します。{{ MathMLElement("mtable") }} や {{ MathMLElement("mtr") }} で指定された値を上書きします。<br> + 取り得る値は<code> left，</code><code>center，</code><code>right</code> です。</dd> + <dt id="attr-columnspan">columnspan</dt> + <dd>セルが何列分を占めるかを非負整数で指定します。</dd> + <dt>groupalign</dt> + <dd> </dd> + <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-rowalign">rowalign</dt> + <dd>セル内の垂直方向の揃えを指定します。{{ MathMLElement("mtable") }} や {{ MathMLElement("mtr") }} で指定された値を上書きします。<br> + 取り得る値は <code>axis</code>，<code>baseline</code>，<code>bottom，center，top</code> です。</dd> + <dt id="attr-rowspan">rowspan</dt> + <dd>セルが何行分を占めるかを非負整数で指定します。</dd> +</dl> + +<h2 id="ブラウザごとの互換性">ブラウザごとの互換性</h2> + + + +<p>{{Compat("mathml.elements.mtd")}}</p> + +<h2 id="Specifications" name="Specifications">仕様</h2> + +<table class="standard-table" style="height: 49px; width: 1000px;"> + <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.mtd', 'mtd') }}</td> + <td>{{ Spec2('MathML3') }}</td> + <td>Current specification</td> + </tr> + <tr> + <td>{{ SpecName('MathML2', 'chapter3.html#presm.mtd', 'mtd') }}</td> + <td>{{ Spec2('MathML2') }}</td> + <td>Initial specification</td> + </tr> + </tbody> +</table> + +<h2 id="See_also">See also</h2> + +<ul> + <li>{{ MathMLElement("mtable") }}</li> + <li>{{ MathMLElement("mtr") }}</li> +</ul> diff --git a/files/ja/web/mathml/element/mtext/index.html b/files/ja/web/mathml/element/mtext/index.html new file mode 100644 index 0000000000..7799f8b149 --- /dev/null +++ b/files/ja/web/mathml/element/mtext/index.html @@ -0,0 +1,120 @@ +--- +title: <mtext> +slug: Web/MathML/Element/mtext +tags: + - MathML + - MathML Reference + - 'MathML:Element' + - 'MathML:Token Elements' +translation_of: Web/MathML/Element/mtext +--- +<div>{{MathMLRef}}</div> + +<p class="summary">MathML <mtext> 要素は、コメントや注釈などの表記の意味を<em>もたない</em>任意のテキストをレンダリングするために使用されます。<br> + 表記の意味<em>で</em>テキストを表示するには、{{ MathMLElement("mi") }} や {{ MathMLElement("mo") }} を代わりに使用します。</p> + +<h2 id="属性">属性</h2> + +<dl> + <dt id="attr-class-id-style">class, id, style</dt> + <dd><a href="/ja/docs/CSS">スタイルシート</a>と一緒に用いて提供されます。</dd> + <dt id="attr-dir">dir</dt> + <dd>数式全体の書字方向。値として <code>ltr</code> （左から右へ）と <code>rtl</code> （右から左へ） が指定可能です。</dd> + <dt id="attr-href">href</dt> + <dd>指定された URI へのハイパーリンクの設定に使用されます。</dd> + <dt id="attr-mathbackground">mathbackground</dt> + <dd>背景色。<code>#rgb</code>、<code>#rrggbb</code>および<a href="/ja/docs/CSS/color_value#Color_Keywords">HTML色名</a>を使用できます。</dd> + <dt id="attr-mathcolor">mathcolor</dt> + <dd>文字色。<code>#rgb</code>、<code>#rrggbb</code>および<a href="/ja/docs/CSS/color_value#Color_Keywords">HTML色名</a>を使用できます。</dd> + <dt id="attr-mathsize">mathsize</dt> + <dd>Specifies the size of the content. Possible values are: + <ul> + <li><code>small:</code>Font is rendered smaller than the current font size.</li> + <li><code>normal:</code>Equivalent to 100% or 1em.</li> + <li><code>big:</code>Font is rendered larger than the current font size.</li> + <li>a custom <a href="/en-US/docs/MathML/Attributes/Values#Lengths">length</a>.</li> + <li>or a unitless value which multiplies the default.</li> + </ul> + </dd> + <dt id="attr-mathvariant">mathvariant</dt> + <dd>This attribute specifies the logical class of the identifier, which varies in typography. That is, although the names suggest the typographic style for the class, semantically, items with the same class are treated "the same" within an expression, which might or might not involve displaying them with the named typography. The following values are allowed: + <ul> + <li><code>normal</code> (Default value) ; <math><mtext mathvariant="normal">Example</mtext></math></li> + <li><code>bold</code> ; <math><mtext mathvariant="bold">Example</mtext></math></li> + <li><code>italic</code> ; <math><mtext mathvariant="italic">Example</mtext></math></li> + <li><code>bold-italic</code> ; <math><mtext mathvariant="bold-italic">Example</mtext></math></li> + </ul> + + <ul> + <li><code>double-struck</code> ; <math><mtext mathvariant="double-struck">Example</mtext></math></li> + <li><code>bold-fraktur</code> ; <math><mtext mathvariant="bold-fraktur">Example</mtext></math></li> + <li><code>script</code> ; <math><mtext mathvariant="script">Example</mtext></math></li> + <li><code>bold-script</code> ; <math><mtext mathvariant="bold-script">Example</mtext></math></li> + <li><code>fraktur</code> ; <math><mtext mathvariant="fraktur">Example</mtext></math></li> + </ul> + + <ul> + <li><code>sans-serif</code> ; <math><mtext mathvariant="sans-serif">Example</mtext></math></li> + <li><code>bold-sans-serif</code> ; <math><mtext mathvariant="bold-sans-serif">Example</mtext></math></li> + <li><code>sans-serif-italic</code> ; <math><mtext mathvariant="sans-serif-italic">Example</mtext></math></li> + <li><code>sans-serif-bold-italic</code> ; <math><mtext mathvariant="sans-serif-bold-italic">Example</mtext></math></li> + <li><code>monospace</code> ; <math><mtext mathvariant="monospace">Example</mtext></math></li> + </ul> + + <ul> + <li><code>normal</code> (Default) ; <math><mtext>مثال</mtext></math></li> + <li><code>initial</code> ; <math><mtext mathvariant="initial">مثال</mtext></math></li> + <li><code>tailed</code> ; <math><mtext mathvariant="tailed">مثال</mtext></math></li> + <li><code>looped</code> ; <math><mtext mathvariant="looped">مثال</mtext></math></li> + <li><code>stretched</code> ; <math><mtext mathvariant="stretched">مثال</mtext></math></li> + </ul> + </dd> +</dl> + +<h2 id="例">例</h2> + +<pre class="brush: html"><math> + + <mtext> Theorem of Pythagoras </mtext> + + <mtext> /* comment here */ </mtext> + +</math> +</pre> + +<h2 id="仕様">仕様</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">仕様</th> + <th scope="col">状態</th> + <th scope="col">コメント</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{ SpecName('MathML3', 'chapter3.html#presm.mtext', 'mtext') }}</td> + <td>{{ Spec2('MathML3') }}</td> + <td>現在の仕様</td> + </tr> + <tr> + <td>{{ SpecName('MathML2', 'chapter3.html#presm.mtext', 'mtext') }}</td> + <td>{{ Spec2('MathML2') }}</td> + <td>初期の仕様</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザー互換性">ブラウザー互換性</h2> + + + +<p>{{Compat("mathml.elements.mtext")}}</p> + +<h2 id="Gecko_固有の注記">Gecko 固有の注記</h2> + +<ul> + <li>Starting with Gecko 20.0 {{geckoRelease("20.0")}} a unitless value for <code>mathsize</code> is allowed.</li> + <li>Some <code>mathvariant</code> values are only implemented starting with Gecko 28.0 (Firefox 28.0 / Thunderbird 28.0 / SeaMonkey 2.25) and require appropriate <a href="https://developer.mozilla.org/ja/docs/Mozilla/MathML_Project/Fonts">math fonts</a>.</li> +</ul> diff --git a/files/ja/web/mathml/element/mtr/index.html b/files/ja/web/mathml/element/mtr/index.html new file mode 100644 index 0000000000..a41b108e6d --- /dev/null +++ b/files/ja/web/mathml/element/mtr/index.html @@ -0,0 +1,63 @@ +--- +title: <mtr> +slug: Web/MathML/Element/mtr +translation_of: Web/MathML/Element/mtr +--- +<p>{{MathMLRef()}}</p> + +<p>MathML の <code><mtr></code> 要素は表組・行列の行を表します。{{ MathMLElement("mtable") }} 要素の中にしか現れません。この要素は <a href="/ja/docs/HTML">HTML</a> の {{ HTMLElement("tr") }} 要素に似ています。</p> + +<h2 id="属性">属性</h2> + +<dl> + <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>{{ MathMLElement("mtable") }} で指定された，セルの水平方向の揃えの値をこの行について上書きします。<br> + 取り得る値は <code>left</code>，<code>center，right</code> です。</dd> + <dt>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-rowalign">rowalign</dt> + <dd>{{ MathMLElement("mtable") }} で指定された，セルの垂直方向の揃えをこの行について上書きします。<br> + 取り得る値は<code> axis，</code><code>baseline，</code><code>bottom，center</code><code>，top</code> です。</dd> +</dl> + +<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.mtr', 'mtr') }}</td> + <td>{{ Spec2('MathML3') }}</td> + <td>Current specification</td> + </tr> + <tr> + <td>{{ SpecName('MathML2', 'chapter3.html#presm.mtr', 'mtr') }}</td> + <td>{{ Spec2('MathML2') }}</td> + <td>Initial specification</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザー実装状況"><span class="pl-s">ブラウザー実装状況</span></h2> + +<p>{{Compat("mathml.elements.mtr")}}</p> + +<h2 id="See_also">See also</h2> + +<ul> + <li>{{ MathMLElement("mtable") }}</li> + <li>{{ MathMLElement("mtd") }}</li> +</ul> diff --git a/files/ja/web/mathml/element/munder/index.html b/files/ja/web/mathml/element/munder/index.html new file mode 100644 index 0000000000..aebcd251ac --- /dev/null +++ b/files/ja/web/mathml/element/munder/index.html @@ -0,0 +1,87 @@ +--- +title: <munder> +slug: Web/MathML/Element/munder +tags: + - MathML +translation_of: Web/MathML/Element/munder +--- +<div>{{MathMLRef}}</div> + +<p class="summary">The MathML <code><munder></code> element is used to attach an accent or a limit under an expression. It uses the following syntax: <code><munder> <em>数式表現 下付き文字</em> </munder></code></p> + +<h2 id="属性">属性</h2> + +<dl> + <dt id="attr-accentunder">accentunder</dt> + <dd>If <code>true</code>, the element is an <em>accent</em>, which is drawn closer to the base expression.<br> + If <code>false</code> (default value), the element is a <em>limit</em> under the base expression.</dd> + <dt id="attr-align">align {{deprecated_inline}}</dt> + <dd><code>left</code>、 <code>center</code>あるいは<code>right</code>を指定することによって下付き文字をどの位置に表示するかを決めることができます。ただ、この属性は非推奨で近日中に廃止されます。代わりにCSSプロパティ<code><a href="https://wiki.developer.mozilla.org/ja/docs/Web/MathML/Element/ja/docs/Web/CSS/text-align">text-align</a></code>を使用してください。</dd> + <dt id="attr-class-id-style">class, id, style</dt> + <dd>CSSで装飾を行なう際に使われます。</dd> + <dt id="attr-href">href</dt> + <dd>ハイパーリンクを設定する際に使われます。</dd> + <dt id="attr-mathbackground">mathbackground</dt> + <dd>背景色を指定します。 <code>#rgb</code>や<code>#rrggbb</code>のような16進表現や<a href="https://wiki.developer.mozilla.org/ja/docs/CSS/color_value#Color_Keywords">HTML color names</a>を用いることができます。</dd> + <dt id="attr-mathcolor">mathcolor</dt> + <dd>文字の色を指定します。 <code>#rgb</code>や<code>#rrggbb</code>のような16進表現や<a href="https://wiki.developer.mozilla.org/ja/docs/CSS/color_value#Color_Keywords">HTML color names</a>を用いることができます。</dd> +</dl> + +<h2 id="例">例</h2> + +<p>レンダリングのサンプル(画像): <img alt="x+y+z" src="/files/3197/munder.png" style="margin-left: 10px; vertical-align: middle;"></p> + +<p>ブラウザのレンダリング結果: <math> <munder accentunder="true"> <mrow> <mi> x </mi> <mo> + </mo> <mi> y </mi> <mo> + </mo> <mi> z </mi> </mrow> <mo> ⏟ </mo> </munder> </math></p> + +<pre class="brush: html"><math> + +<munder accentunder="true"> + <mrow> + <mi> x </mi> + <mo> + </mo> + <mi> y </mi> + <mo> + </mo> + <mi> z </mi> + </mrow> + <mo> &#x23DF; <!--BOTTOM CURLY BRACKET--> </mo> +</munder> + +</math> +</pre> + +<h2 id="仕様">仕様</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">仕様書</th> + <th scope="col">状態</th> + <th scope="col">備考</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{ SpecName('MathML3', 'chapter3.html#presm.munder', 'munder') }}</td> + <td>{{ Spec2('MathML3') }}</td> + <td>Current specification</td> + </tr> + <tr> + <td>{{ SpecName('MathML2', 'chapter3.html#presm.munder', 'munder') }}</td> + <td>{{ Spec2('MathML2') }}</td> + <td>Initial specification</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザごとの互換性">ブラウザごとの互換性</h2> + + + +<p>{{Compat("mathml.elements.munder")}}</p> + +<h2 id="関連情報">関連情報</h2> + +<ul> + <li>{{ MathMLElement("mover") }} (上付き文字)</li> + <li>{{ MathMLElement("munderover") }} (Underscript-overscript pair)</li> +</ul> diff --git a/files/ja/web/mathml/element/semantics/index.html b/files/ja/web/mathml/element/semantics/index.html new file mode 100644 index 0000000000..825adc03a4 --- /dev/null +++ b/files/ja/web/mathml/element/semantics/index.html @@ -0,0 +1,125 @@ +--- +title: <semantics> +slug: Web/MathML/Element/semantics +tags: + - MathML + - MathML Reference + - 'MathML:Element' +translation_of: Web/MathML/Element/semantics +--- +<div>{{MathMLRef}}</div> + +<p class="summary">MathMLにおいては，数学をタグ付けるには二つの方法があり，<em><ruby>表示<rp> (</rp><rt>presentation</rt><rp>)</rp></ruby></em>MathMLが数式の配置を制御するのに用いられる一方，<em><ruby>内容<rp> (</rp><rt>content</rt><rp>)</rp></ruby></em>MathMLは数式の論理的意味の符号化及び<ruby>数式処理系<rp> (</rp><rt>computer algebra system</rt><rp>)</rp></ruby>に適するような数式の変換を念頭に設計されています。MathML要素<code><semantics></code>，<code><annotation></code>及び<code><annotation-xml></code>を用いることで，表示MathMLと内容MathMLを組み合せ，数式の配置情報及び論理的意味の双方を記述できます。</p> + +<p><code><semantics></code>要素は注釈に関連したコンテナ要素として振舞い，子要素を持たなくてはなりません（そうでない場合，<em>無効なタグ付け</em>として誤り報告されます）。<code><annotation></code>要素には非XML形式の論理的情報が含まれ，対して<code><annotaiton-xml></code>要素にはXML形式の情報（例: 内容MathMLやOpenMath）が含まれます。</p> + +<p><code><semantics></code>要素における可視子要素を決定する規則を次に挙げます。</p> + +<ul> + <li>適用すべき規則がない場合: 既定では最初の子要素のみ描画しますが，当要素は表示MathMLでなくてはなりません。</li> + <li>最初の子要素が<code><annotation></code>又は<code><annotation-xml></code>以外の表示MathML要素の場合，当要素が描画されます。</li> + <li>表示MathMLが見当らない場合，<code><semantics></code>要素の最初の<code><annotation></code>又は<code><annotation-xml></code>子要素を描画します。<br> + <code>encoding</code>属性で次の孰れかが指定されている場合，<code><annotation-xml></code>要素のみが認識されることに気を付けてください。 + <ul> + <li>application/mathml-presentation+xml</li> + <li>MathML-Presentation</li> + <li>SVG1.1</li> + <li>text/html</li> + <li>image/svg+xml</li> + <li>application/xml</li> + </ul> + ここに「application/mathml+xml」を挙げて<em>いない</em>ことに留意してください，というのもこれでは内容MathMLか表示MathMLかを区別できないからです。</li> +</ul> + +<h2 id="属性">属性</h2> + +<p><code><annotation></code>及び<code><annotation-xml></code>要素には次の属性が設定できます。</p> + +<dl> + <dt id="attr-definitionurl">definitionURL</dt> + <dd>The location of the annotation key symbol.</dd> + <dt id="attr-encoding">encoding</dt> + <dd>当注釈における論理的情報の符号化方法（例: 「MathML-Content」，「MathML-Presentation」，「application/openmath+xml」，「image/png」）。</dd> + <dt id="attr-cd">cd</dt> + <dd>The content dictionary that contains the annotation key symbol.</dd> + <dt id="attr-name">name</dt> + <dd>The name of the annotation key symbol.</dd> + <dt id="attr-src">src</dt> + <dd>論理的情報の為の外部資源の場所。</dd> +</dl> + +<h2 id="例">例</h2> + +<pre class="brush: html"><math> + <semantics> + + <!-- 表示MathML --> + <mrow> + <msup> + <mi>x</mi> + <mn>2</mn> + </msup> + <mo>+</mo> + <mi>y</mi> + </mrow> + + <!-- 内容MathML --> + <annotation-xml encoding="MathML-Content"> + <apply> + <plus/> + <apply> + <power/> + <ci>x</ci> + <cn type="integer">2</cn> + </apply> + <ci>y</ci> + </apply> + </annotation-xml> + + <!-- 画像注釈 --> + <annotation encoding="image/png" src="some/path/formula.png"/> + + <!-- TeX形式の注釈 --> + <annotation encoding="application/x-tex"> + x^{2} + y + </annotation> + + </semantics> +</math></pre> + +<h2 id="仕様">仕様</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">仕様</th> + <th scope="col">状態</th> + <th scope="col">備考</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{ SpecName('MathML3', 'chapter5.html', 'Mixing Markup Languages for Mathematical Expressions') }}</td> + <td>{{ Spec2('MathML3') }}</td> + <td>現在の仕様</td> + </tr> + <tr> + <td>{{ SpecName('MathML2', 'chapter5.html', 'Combining Presentation and Content Markup ') }}</td> + <td>{{ Spec2('MathML2') }}</td> + <td>初期の仕様</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザー互換機">ブラウザー互換機</h2> + + + +<p>{{Compat("mathml.elements.semantics")}}</p> + +<h2 id="Gecko固有の注記">Gecko固有の注記</h2> + +<ul> + <li>{{geckoRelease("23")}}において，semantics要素下の可視子要素を決定する算法がMathML仕様に準じるよう修正されました。以前では，最初の子要素が〔無条件に〕描画されていました。</li> + <li>Geckoでは，src属性が指定されている場合，<code><annotation></code>及び<code><annotation-xml></code>は無視されます。</li> +</ul> diff --git a/files/ja/web/mathml/examples/deriving_the_quadratic_formula/index.html b/files/ja/web/mathml/examples/deriving_the_quadratic_formula/index.html new file mode 100644 index 0000000000..a43570e5b2 --- /dev/null +++ b/files/ja/web/mathml/examples/deriving_the_quadratic_formula/index.html @@ -0,0 +1,13 @@ +--- +title: 'MathML: 二次方程式の解の公式を導く' +slug: Web/MathML/Examples/Deriving_the_Quadratic_Formula +tags: + - Beginner + - Education + - Guide + - HTML5 + - MathML + - NeedsBeginnerUpdate +translation_of: Web/MathML/Examples/Deriving_the_Quadratic_Formula +--- +<p><math> <mtable columnalign="left"> <mtr> <mtd> <mrow> <mrow> <mrow> <mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <mi>a</mi> <mo></mo> <msup> <mi>x</mi> <mn>2</mn> </msup></mrow> <mo> + </mo> <mi>b</mi> <mo></mo> <mi>x</mi> </mrow> <mo> + </mo> <mi>c</mi> </mrow> <mo>=</mo> <mn>0</mn> </mrow> </mtd> </mtr> <mtr> <mtd> <mrow> <mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <mi>a</mi> <mo></mo> <msup> <mi>x</mi> <mn>2</mn> </msup></mrow> <mo> + </mo> <mi>b</mi> <mo></mo> <mi>x</mi> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> </mrow> <mo>=</mo> <mo>-</mo><mi> c</mi><mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> </mtd> </mtr> <mtr> <mtd> <mrow> <mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <msup> <mi>x</mi> <mn>2</mn> </msup></mrow> <mo> + </mo> <mfrac> <mrow> <mi>b</mi> </mrow> <mi>a</mi> </mfrac> <mo></mo> <mi>x</mi> </mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <mo>=</mo> <mfrac> <mrow> <mo>-</mo><mi>c</mi> </mrow> <mi>a</mi> </mfrac> <mspace depth="1ex" height="0.5ex" width="2ex"></mspace><mrow><mtext mathcolor="red" mathsize="10pt">首位係数で両辺を割る。</mtext> </mrow> </mtd> </mtr> <mtr> <mtd> <mrow> <mrow> <mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <msup> <mi>x</mi> <mn>2</mn> </msup></mrow> <mo> + </mo> <mfrac> <mrow> <mi>b</mi> </mrow> <mi>a</mi> </mfrac> <mo></mo> <mi>x</mi> <mo> + </mo> <msup> <mfenced> <mfrac> <mrow> <mi>b</mi> </mrow> <mrow> <mn>2</mn> <mi>a</mi> </mrow> </mfrac> </mfenced> <mn>2</mn> </msup> </mrow> <mo>=</mo> <mfrac> <mrow> <mo>-</mo> <mi>c</mi> <mo>(</mo> <mn>4</mn> <mi>a</mi> <mo>)</mo> </mrow> <mrow> <mi>a</mi> <mo>(</mo> <mn>4</mn> <mi>a</mi> <mo>)</mo> </mrow></mfrac> </mrow> <mo> + </mo> <mfrac> <mrow> <msup> <mi>b</mi> <mn>2</mn> </msup> </mrow> <mrow> <mn>4</mn> <msup> <mi>a</mi> <mn>2</mn> </msup> </mrow></mfrac> <mspace depth="1ex" height="0.5ex" width="2ex"></mspace><mrow><mtext mathcolor="red" mathsize="10pt">平方完成。</mtext> </mrow> </mtd> </mtr> <mtr> <mtd> <mrow> <mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <mo>(</mo> <mi>x</mi> <mo> + </mo> <mfrac> <mrow> <mi>b</mi> </mrow> <mrow> <mn>2</mn> <mi>a</mi> </mrow></mfrac> <mo>)</mo> <mo>(</mo> <mi>x</mi> <mo> + </mo> <mfrac> <mrow> <mi>b</mi> </mrow> <mrow> <mn>2</mn> <mi>a</mi> </mrow></mfrac> <mo>)</mo> <mo>=</mo> <mfrac> <mrow> <msup> <mi>b</mi> <mn>2</mn> </msup> <mo> - </mo> <mn>4</mn> <mi>a</mi> <mi>c</mi> </mrow> <mrow> <mn>4</mn> <msup> <mi>a</mi> <mn>2</mn> </msup> </mrow></mfrac> </mrow> <mspace depth="1ex" height="0.5ex" width="2ex"></mspace><mrow><mtext mathcolor="red" mathsize="10pt">判別式が現れる。</mtext> </mrow> </mrow> </mtd> </mtr> <mtr> <mtd> <mrow> <mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <msup> <mrow> <mo>(</mo> <mi>x</mi> <mo> + </mo> <mfrac> <mrow> <mi>b</mi> </mrow> <mrow> <mn>2</mn> <mi>a</mi> </mrow></mfrac> <mo>)</mo> </mrow> <mn>2</mn> </msup> <mo>=</mo> <mfrac> <mrow> <msup> <mi>b</mi> <mn>2</mn> </msup> <mo> - </mo> <mn>4</mn> <mi>a</mi> <mi>c</mi> </mrow> <mrow> <mn>4</mn> <msup> <mi>a</mi> <mn>2</mn> </msup> </mrow></mfrac> </mrow> <mspace depth="1ex" height="0.5ex" width="2ex"></mspace><mrow><mtext mathcolor="red" mathsize="10pt"></mtext> </mrow> </mrow> </mtd> </mtr> <mtr> <mtd> <mrow> <mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <mrow> <mi>x</mi> <mo> + </mo> <mfrac> <mrow> <mi>b</mi> </mrow> <mrow> <mn>2</mn> <mi>a</mi> </mrow></mfrac> </mrow> <mo>=</mo> <msqrt> <mfrac> <mrow> <msup> <mi>b</mi> <mn>2</mn> </msup> <mo> - </mo> <mn>4</mn> <mi>a</mi> <mi>c</mi> </mrow> <mrow> <mn>4</mn> <msup> <mi>a</mi> <mn>2</mn> </msup> </mrow></mfrac> </msqrt> </mrow> <mspace depth="1ex" height="0.5ex" width="2ex"></mspace><mrow><mtext mathcolor="red" mathsize="10pt"></mtext> </mrow> </mrow> </mtd> </mtr> <mtr> <mtd> <mrow> <mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <mrow> <mi>x</mi> </mrow> <mo>=</mo> <mfrac> <mrow> <mo>-</mo><mi>b</mi> </mrow> <mrow> <mn>2</mn> <mi>a</mi> </mrow></mfrac> <mo>±</mo><mrow><mo>{</mo><mi>C</mi><mo>}</mo></mrow> <msqrt> <mfrac> <mrow> <msup> <mi>b</mi> <mn>2</mn> </msup> <mo> - </mo> <mn>4</mn> <mi>a</mi> <mi>c</mi> </mrow> <mrow> <mn>4</mn> <msup> <mi>a</mi> <mn>2</mn> </msup> </mrow></mfrac> </msqrt> </mrow> <mspace depth="1ex" height="0.5ex" width="2ex"></mspace><mrow><mtext mathcolor="red" mathsize="10pt">頂点を求める公式。</mtext> </mrow> </mrow> </mtd> </mtr> <mtr> <mtd> <mrow> <mrow> <mspace depth="1ex" height="0.5ex" width="2.5ex"></mspace> <mrow> <mi>x</mi> </mrow> <mo>=</mo> <mfrac> <mrow> <mo>-</mo> <mi> b</mi> <mo>±</mo><mrow><mo>{</mo><mi>C</mi><mo>}</mo></mrow> <msqrt> <msup> <mi>b</mi> <mn>2</mn> </msup> <mo> - </mo> <mn>4</mn> <mi>a</mi> <mi>c</mi> </msqrt></mrow> <mrow> <mn>2</mn> <mi>a</mi> </mrow></mfrac> </mrow> <mspace depth="1ex" height="0.5ex" width="2ex"></mspace> <mrow><mtext mathcolor="red" mathsize="10pt"></mtext> </mrow> </mrow> </mtd> </mtr> </mtable></math></p> diff --git a/files/ja/web/mathml/examples/index.html b/files/ja/web/mathml/examples/index.html new file mode 100644 index 0000000000..04e8d8063c --- /dev/null +++ b/files/ja/web/mathml/examples/index.html @@ -0,0 +1,19 @@ +--- +title: Examples +slug: Web/MathML/Examples +tags: + - Beginner + - MathML + - NeedsBeginnerUpdate +translation_of: Web/MathML/Examples +--- +<p>以下のリンクでは、複雑な数学の概念を Web で表示するための MathML の使い方を理解する手助けとなるいくつかの例があります。</p> + +<dl> + <dt><a href="/ja/docs/Web/MathML/Examples/MathML_Pythagorean_Theorem">ピタゴラスの定理</a></dt> + <dd>ピタゴラスの定理の証明を表示する簡単な例</dd> + <dt><a href="/ja/docs/Web/MathML/Examples/Deriving_the_Quadratic_Formula">二次方程式の解の公式の導出</a></dt> + <dd>二次方程式の解の導出の概要</dd> + <dt><a href="/ja/docs/Mozilla/MathML_Project/MathML_Torture_Test">MathML 耐久テスト</a></dt> + <dd>大量のテストマークアップ</dd> +</dl> diff --git a/files/ja/web/mathml/examples/mathml_pythagorean_theorem/index.html b/files/ja/web/mathml/examples/mathml_pythagorean_theorem/index.html new file mode 100644 index 0000000000..e7b8b782ce --- /dev/null +++ b/files/ja/web/mathml/examples/mathml_pythagorean_theorem/index.html @@ -0,0 +1,14 @@ +--- +title: ピタゴラスの定理の証明 +slug: Web/MathML/Examples/MathML_Pythagorean_Theorem +tags: + - Beginner + - HTML5 Math + - Math education + - MathML + - NeedsBeginnerUpdate +translation_of: Web/MathML/Examples/MathML_Pythagorean_Theorem +--- +<p>ピタゴラスの定理を証明します: <math> <mrow> <msup><mi> a </mi><mn>2</mn></msup> <mo> + </mo> <msup><mi> b </mi><mn>2</mn></msup> <mo> = </mo> <msup><mi> c </mi><mn>2</mn></msup> </mrow> </math></p> + +<p>大きな正方形の面積と、内側の正方形の面積 (直角三角形の斜辺の二乗)と 4 つの三角形の面積の合計が等しいことを示すことにより、この定理を代数的に証明できます: <math style="display: block;"> <mtable columnalign="right center left"> <mtr> <mtd> <msup> <mrow> <mo> ( </mo> <mi> a </mi> <mo> + </mo> <mi> b </mi> <mo> ) </mo> </mrow> <mn> 2 </mn> </msup> </mtd> <mtd> <mo> = </mo> </mtd> <mtd> <msup><mi> c </mi><mn>2</mn></msup> <mo> + </mo> <mn> 4 </mn> <mo> ⋅ </mo> <mo>(</mo> <mfrac> <mn> 1 </mn> <mn> 2 </mn> </mfrac> <mi> a </mi><mi> b </mi> <mo>)</mo> </mtd> </mtr> <mtr> <mtd> <msup><mi> a </mi><mn>2</mn></msup> <mo> + </mo> <mn> 2 </mn><mi> a </mi><mi> b </mi> <mo> + </mo> <msup><mi> b </mi><mn>2</mn></msup> </mtd> <mtd> <mo> = </mo> </mtd> <mtd> <msup><mi> c </mi><mn>2</mn></msup> <mo> + </mo> <mn> 2 </mn><mi> a </mi><mi> b </mi> </mtd> </mtr> <mtr> <mtd> <msup><mi> a </mi><mn>2</mn></msup> <mo> + </mo> <msup><mi> b </mi><mn>2</mn></msup> </mtd> <mtd> <mo> = </mo> </mtd> <mtd> <msup><mi> c </mi><mn>2</mn></msup> </mtd> </mtr> </mtable> </math></p> diff --git a/files/ja/web/mathml/index.html b/files/ja/web/mathml/index.html new file mode 100644 index 0000000000..ccfd494454 --- /dev/null +++ b/files/ja/web/mathml/index.html @@ -0,0 +1,70 @@ +--- +title: MathML +slug: Web/MathML +tags: + - Landing + - MathML + - Reference + - Web + - XML +translation_of: Web/MathML +--- +<p><strong>Mathematical Markup Language (MathML)</strong> は、数学的表記を記述し、その構造と内容を表現するための <a href="/docs/XML" title="/docs/XML">XML</a> マークアップ言語です。このページには、MathML のパワフルな技術を用いた仕事を助けるための文書、サンプル、ツールへのリンクがあります。簡単な概要は、<a href="http://fred-wang.github.io/MozSummitMathML/index.html">Mozilla Summit 2013 で行われた innovation fair 向けのスライド</a> をご覧ください。</p> + +<div class="row topicpage-table"> +<div class="section"> +<h2 id="MathML_リファレンス">MathML リファレンス</h2> + +<dl> + <dt><a href="/docs/Web/MathML/Element">MathML 要素リファレンス</a></dt> + <dd>各 MathML 要素の詳細とデスクトップおよびモバイルのブラウザの互換性情報。</dd> + <dt><a href="/docs/Web/MathML/Attribute">MathML 属性リファレンス</a></dt> + <dd>MathML 要素の見た目や振る舞いを変更する MathML 属性についての情報。</dd> + <dt><a href="/docs/Web/MathML/Examples">MathML の例</a></dt> + <dd>MathML の動作についての理解を深めるためのサンプルと例。</dd> + <dt><a href="/docs/Web/MathML/Authoring">MathML の書き方</a></dt> + <dd>MathML を書くための提案とヒント、おすすめの MathML エディタ、その出力を Web コンテンツへ統合する方法。</dd> +</dl> + +<p><a href="/ja/docs/tag/MathML">すべて見る...</a></p> +</div> + +<div class="section"> +<h2 id="コミュニティから助けを得る">コミュニティから助けを得る</h2> + +<ul> + <li>Mozilla のフォーラムを見る<br> + {{ DiscussionList("dev-tech-mathml", "mozilla.dev.tech.mathml") }}</li> + <li><a class="link-irc" href="irc://irc.mozilla.org/%23mathml" rel="external" title="#mathml">IRC チャンネル</a></li> + <li><a class="link-https" href="https://wiki.mozilla.org/MathML:Home_Page">Mozilla 貢献者の使う Wiki</a></li> + <li><a href="http://www.w3.org/Math/">W3C Math Home</a></li> + <li><a href="http://lists.w3.org/Archives/Public/www-math/">www-math w3.org メールアーカイブ</a></li> +</ul> + +<h2 id="ツール">ツール</h2> + +<ul> + <li><a class="external" href="http://validator.w3.org">W3C Validator</a></li> + <li><a class="link-https" href="https://addons.mozilla.org/firefox/addon/8969/">FireMath Firefox アドオン</a></li> + <li><a href="https://addons.mozilla.org/firefox/collections/fred_wang/mathzilla/">Mathzilla Firefox アドオンコレクション</a></li> + <li><a href="https://github.com/fred-wang/TeXZilla">TeXZilla</a> — Javascript で書かれた LaTeX から MathML へのコンバータ (<a href="http://fred-wang.github.io/TeXZilla/">ライブデモ</a>、<a href="http://r-gaia-cs.github.io/TeXZilla-webapp/">Firefox OS ウェブアプリ</a>、<a href="https://addons.mozilla.org/firefox/addon/texzilla/">Firefox アドオン</a>、<a href="https://github.com/fred-wang/TeXZilla/wiki/Using-TeXZilla">Web ページやJS プログラム内での使用</a>)</li> + <li><a href="http://dlmf.nist.gov/LaTeXML/">LaTeXML</a> - LaTeX ドキュメントを HTML+MathML Web ページへ変換</li> + <li><a href="http://webdemo.myscript.com/#/demo/equation">Web Equation</a> - 手書きの数式を MathML や LaTeX へ変換</li> + <li><a href="http://www.mathjax.org/">MathJax</a> - 数式のためのクロスブラウザ JavaScript 表示エンジン。Mathjax をネイティブ MathML で使用するには、<a href="https://addons.mozilla.org/ja/firefox/addon/mathjax-native-mathml/">Mozilla アドオン</a>、<a href="http://fred-wang.github.io/mathjax-native-mathml-safari/mathjax-native-mathml.safariextz">Safari 拡張</a>、<a href="https://openuserjs.org/scripts/fred.wang/MathJax_Native_MathML/">GreaseMonkey スクリプト</a> を試してください。</li> +</ul> + +<h2 id="関連トピック">関連トピック</h2> + +<ul> + <li><a href="/docs/Web/CSS">CSS</a></li> + <li><a href="/docs/Web/HTML">HTML</a></li> + <li><a href="/docs/Web/SVG">SVG</a></li> +</ul> +</div> +</div> + +<h2 id="ブラウザの実装状況">ブラウザの実装状況</h2> + + + +<p>{{Compat("mathml.elements.math", 0)}}</p> diff --git a/files/ja/web/mathml/index/index.html b/files/ja/web/mathml/index/index.html new file mode 100644 index 0000000000..a32dfa6b75 --- /dev/null +++ b/files/ja/web/mathml/index/index.html @@ -0,0 +1,9 @@ +--- +title: MathML 関連ドキュメントの索引 +slug: Web/MathML/Index +tags: + - Index + - MathML +translation_of: Web/MathML/Index +--- +<p>{{Index("/ja/docs/Web/MathML")}}</p> |