<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="8" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[8]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">HTML</anchor> の要素型 <code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">tbody</anchor></code>, 
<code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">thead</anchor></code>, <code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">tfoot</anchor></code>, <code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">colgroup</anchor></code>, 
<code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">col</anchor></code>, <code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">tr</anchor></code>, <code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">th</anchor></code>, 
<code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">td</anchor></code> で定義されている
<dfn><code class="HTMLa">char</code> 属性</dfn>は、
こま内での文字揃えの軸となる<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">文字</anchor>を指定します。</p><p>仕様書: <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">HTML 4</anchor>
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="HTML4:&quot;struct/tables.html#adef-char&quot;" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="IW">IW:HTML4:&quot;struct/tables.html#adef-char&quot;</anchor-external></p><section><section><h1>スタイル・シート代替</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="9" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[9]</anchor-end> この属性は HTML 4 では<strong>非推奨</strong>とされてはいませんが、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">スタイル・シート</anchor>を使って指定するべきでしょう。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="10" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[10]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">CSS</anchor> では <code class="CSS"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">text-align</anchor></code> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">特性</anchor>が使えます。</p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section><section><h1>属性値</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="5" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[5]</anchor-end> この属性は <code class="SGML">%<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Character</anchor></code> 型、すなわち何か1文字です。
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">SGML</anchor> 的には <code class="SGML"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">CDATA</anchor></code> です。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="13" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[13]</anchor-end> HTML 4 仕様書には <q>CN</q> (大文字・小文字中立)
と書いてありますが、大文字も小文字も指定できるのに中立もへったくれもないでしょう。
区別されるのか、されないのか、はっきりしていただきたい。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="6" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[6]</anchor-end> HTML 4 <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">DTD</anchor> 的には既定値はありません。 HTML 4
仕様書によれば既定値は <code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">lang</anchor></code> 依存の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">小数点</anchor>記号
(例えば英語では <code>.</code>, 仏蘭西語では <code>,</code>) です。</p><p>それとは別に継承規則があります。 
(おそらく継承しても得られないときの既定値が小数点なのでしょう。)
継承規則については <code class="SGML">%<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">cellhalign</anchor></code>
の説明をみてください。</p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section><section><h1>他との関係</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="4" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[4]</anchor-end> この属性は HTML 4 <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">DTD</anchor> では属性集合
<code class="SGML">%<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">cellhalign</anchor></code> に属しています。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="11" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[11]</anchor-end> HTML 4 仕様書には明記されていませんが、この属性は
<code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">align</anchor></code> 属性が <code class="HTML">char</code> のときのみ有効なはずです。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="12" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[12]</anchor-end> 揃え文字のこま中の位置を指定する
<code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">charoff</anchor></code> 属性があります。</p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section><section><h1>文字揃え効果</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="15" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[15]</anchor-end> こま内の文字データは、 <code class="HTMLa">char</code>
によって揃えられることになります。</p><p>HTML 4 仕様書によれば、複数個 <code class="HTMLa">char</code> 
の文字を含むときやこま内で<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">折返し</anchor>がある時の結果は未定義です。
ですから著者は注意するべきだとされています。</p><p>1つも <code class="HTMLa">char</code> を含まないときについては
<code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">charoff</anchor></code> に規定があって、
揃え位置にお尻を合わせることになっています。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="16" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[16]</anchor-end>
<anchor-internal xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="15" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">&gt;&gt;15</anchor-internal> HTML 4 の仕様書は1つも <code class="HTMLa">char</code>を含まないときが <code class="HTMLa">charoff</code> の規定の中に入っていてわかりにくいです。
<code class="HTMLa">charoff</code> が省略されていたら1つもないときの挙動が未定義みたいに読めてしまう (けどそんなんじゃ困る)。</p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section><section><h1>実装</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="12" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[12]</anchor-end> HTML 4 はこの属性は実装しなくても良いとしています。</p><p>実際ほとんどの <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">WWWブラウザ</anchor>は<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">属性名</anchor>の省略に対応していません。
対応している UA があったら教えてください。</p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section><section><h1>例</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="14" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[14]</anchor-end><pre class="HTML">&lt;TABLE border=&quot;1&quot;&gt;
&lt;COLGROUP&gt;
&lt;COL&gt;&lt;COL align=&quot;char&quot; char=&quot;.&quot;&gt;
&lt;THEAD&gt;
&lt;TR&gt;&lt;TH&gt;Vegetable &lt;TH&gt;Cost per kilo
&lt;TBODY&gt;
&lt;TR&gt;&lt;TD&gt;Lettuce        &lt;TD&gt;$1
&lt;TR&gt;&lt;TD&gt;Silver carrots &lt;TD&gt;$10.50
&lt;TR&gt;&lt;TD&gt;Golden turnips &lt;TD&gt;$100.30
&lt;/TABLE&gt;</pre></p><p>(HTML 4 仕様書より)</p><p>レンダリング例:<pre>------------------------------
|   Vegetable  |Cost per kilo|
|--------------|-------------|
|Lettuce       |        $1   |
|--------------|-------------|
|Silver carrots|       $10.50|
|--------------|-------------|
|Golden turnips|      $100.30|
------------------------------</pre></p></section></section><section><h1>メモ</h1><refs xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:"><ul xmlns="http://www.w3.org/1999/xhtml"><li><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="17" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[17]</anchor-end> <cite xml:lang="en">ch attribute | ch property (Internet Explorer)</cite> (<time>2013-11-14 12:19:45 +09:00</time> 版) <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://msdn.microsoft.com/en-us/library/ms533552%28VS.85%29.aspx" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI">http://msdn.microsoft.com/en-us/library/ms533552%28VS.85%29.aspx</anchor-external></li></ul></refs><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="18" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[18]</anchor-end> <code class="HTMLa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">ch</anchor></code> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">内容属性</anchor>に対応することになっていますが、少なくても <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">IE10</anchor>
では <code class="HTMLa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">char</anchor></code> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">内容属性</anchor>に対応しているみたいです。</p></section></body></html>