1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
|
---
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="/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>
|
