<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body><section><h1>INPUT 要素 WIDTH 属性 (HTML)</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="1" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[1]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">WebTV</anchor> で実装されています。
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://web.archive.org/web/20010425042729/http://developer.webtv.net/authoring/html/input.html#1061018">http://web.archive.org/web/20010425042729/http://developer.webtv.net/authoring/html/input.html#1061018</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="2" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[2]</anchor-end> どういう <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">type</anchor> 属性値に対して有効なのかはわかりませんが、
<anchor-internal xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="1" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">&gt;&gt;1</anchor-internal> の記述から、少なくても <code class="HTML">text</code>, <code class="HTML">password</code>,
<code class="HTML">textarea</code> には有効だと思われます。
<code class="HTML">image</code> やボタン類にもかもしれません。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="77" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[77]</anchor-end> <code class="HTML" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">type</anchor>=<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">image</anchor></code> の <code class="HTMLe" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">input</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:">HTML4</anchor> でも <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">XHTML1</anchor> でも <code class="HTMLa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">width</anchor></code>
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">属性</anchor>、 <code class="HTMLa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">height</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:">HTML5</anchor> ではじめて<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">次元属性</anchor>として定義されました。</p><comment-p xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:"><cite xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">(X)HTML5 Tracking</cite> (<time xmlns="http://www.w3.org/1999/xhtml">2009-08-02 12:38:49 +09:00</time> 版) <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://html5.org/tools/web-apps-tracker?from=2560&amp;to=2561">http://html5.org/tools/web-apps-tracker?from=2560&amp;to=2561</anchor-external></comment-p></section><section><h1>pre 要素型 width 属性 (HTML, XHTML 1)</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="3" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[3]</anchor-end> <code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">pre</anchor></code> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">要素</anchor>の <dfn><code class="HTMLa">width</code> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">属性</anchor></dfn>は、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">視覚UA</anchor> にその要素を表示するときの望ましい幅についてのヒントを与えます。
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">UA</anchor> は、この情報を適切な文字の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">大きさ</anchor>の選択や、
適当な<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">字下げ</anchor>のために使うことができます。</p><p>この属性の値の型は
<code class="SGML"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">NUMBER</anchor></code> です。望ましい幅の文字数を表します。</p><p>この属性は<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">非推奨</anchor>です。代替として、 <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">CSS</anchor> なら <code class="CSS">width</code>
属性を使うことができます。</p><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> 「文字」なんて単位を幅の指定に使えるのは、 <code class="HTMLe">pre</code>
要素がそもそも<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">固定幅フォント</anchor>で表示されることを期待しているからです。
そうはいっても、 HTML 4 は固定幅フォントで表示することを強制していませんし、
現実の UA でも固定幅で表示されるとは限りません。 (今のシステムだと固定幅のフォントが無いことだってあり得るし。)</p><p>また、「固定幅」そのものが<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">ラテン文字</anchor>圏の事情しか考えていない概念で、
漢字圏で一般に固定幅と呼ばれているものは<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">半角</anchor>と<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">全角</anchor>の二種類の幅があって、全然固定じゃなかったりします。
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">東南亜細亜</anchor>・<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">南亜細亜</anchor>・<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">亜剌比亜</anchor>で使われている文字体系だと、
そもそも幅を固定することなんて無茶すぎるでしょう。</p><p>そんなような事情ですから、たとえこの属性で「文字幅」単位の指定をしたところで、
たぶん、期待した結果は得られないでしょう。しかも、 HTML 4 仕様書によれば、
この属性はあまり実装されていません。</p><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> 
仕様書: <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:resScheme="IW" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="HTML4:&quot;struct/text.html#adef-width-PRE&quot;">IW:HTML4:&quot;struct/text.html#adef-width-PRE&quot;</anchor-external></p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section><section><h1>表の幅</h1><section><h1>table 要素 width 属性 (HTML, XHTML 1)</h1><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> <code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">table</anchor></code> 要素の 
<dfn><code class="HTMLa">width</code> 属性</dfn>は、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">表</anchor>の幅を表します。この属性は<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">視覚UA</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:resScheme="IW" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="HTML4:&quot;struct/tables.html#adef-width-TABLE&quot;">IW:HTML4:&quot;struct/tables.html#adef-width-TABLE&quot;</anchor-external></p><p><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> この属性は省略可能です。
省略されている場合には幅は UA が決定します。</p><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>
この属性は、 HTML 4 では非推奨ではありません
(<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Strict</anchor> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">DTD</anchor> でも使えます)。 
しかし、<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">スタイル・シート</anchor>を使って指定することがすすめられています
(encouraged)。
(<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="IW" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="HTML4:&quot;struct/tables.html#column-width&quot;">IW:HTML4:&quot;struct/tables.html#column-width&quot;</anchor-external>)</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="20" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[20]</anchor-end>
Strict 思想的には視覚 UA
のレンダリングのためだけのこの属性を HTML 
で使うのは望ましくないのですが、表のレンダリングの特殊性から、
回線の事情や UA の性能のためにやむを得ないと考えられたこともありました。
(現在ではそのような問題はほぼ解消していますから、
もはや必要ないかもしれませんが。)</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="19" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[19]</anchor-end> この属性の値の型は <code class="SGML">%<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Length</anchor>;</code>
(<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>百分率は利用可能な水平空間に対する割合と見なされます。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="27" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[27]</anchor-end>
<code class="HTMLe">col</code> や <code class="HTMLe">colgroup</code> の幅が相対幅 (割合) で指定されているときには、
表自体の幅も指定しなければなりません。</p><p><anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="IW" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="HTML4:&quot;struct/tables.html#edef-TABLE&quot;">IW:HTML4:&quot;struct/tables.html#edef-TABLE&quot;</anchor-external></p><p>(<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>colgroup 要素 width 属性 (HTML, XHTML 1)</h1><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> <code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">colgroup</anchor></code> 要素の
<dfn><code class="HTMLa">width</code> 属性</dfn>は、
その<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">列群</anchor>に含まれる列の幅の既定値を表します。
(列群の幅ではないので注意。)</p><p>列群に含まれる列の幅は、 <code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">col</anchor></code>
要素で別途指定されていればそれが使われます。
そうでない場合は <code class="HTMLe">colgroup</code> の値が使われます。</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:resScheme="IW" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="HTML4:&quot;struct/tables.html#adef-width-COLGROUP&quot;">IW:HTML4:&quot;struct/tables.html#adef-width-COLGROUP&quot;</anchor-external></p><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> この属性は省略可能です。</p><p>HTML 4 では多くの要素型の <code class="HTMLa">width</code>
属性は<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">非推奨</anchor>とされていますが、 <code class="HTMLe">colgroup</code>
要素では非推奨ではありません。 (他の表系要素型と同じく、
表のレンダリングにかかわる特殊事情によるものだと思われます。)</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="7" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[7]</anchor-end> この値の型は <code class="SGML">%<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">MultiLength</anchor>;</code> 
(<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>通常の <code class="SGML">%MultiLength;</code> 
型で認められる<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">画素</anchor>単位の整数値
(<code class="SGML">%<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Pixels</anchor>;</code> &lt; <code class="SGML">%<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Length</anchor>;</code>)、
百分率値 (<code class="SGML">%Length;</code>)、
相対長 (<code class="SGML">%MultiLength;</code>) の他に、
特別に、 <code class="HTML">0*</code> という指定ができます。</p><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> 値 <code class="HTML">0*</code> は、列の内容に必要な最小の幅を表します。
この指定があると、表のレンダリングのために列の内容をすべて知らなければならないので、
徐々にレンダリングすることが難しくなります。
HTML 4 仕様書は著者に注意を促しています。</p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section><section><h1>col 要素 width 属性</h1><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> <code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">col</anchor></code> 要素の
<dfn><code class="HTMLa">width</code> 属性</dfn>には、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">列</anchor>の幅を指定します。
(列の集合の幅ではないことに注意してください。
<code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">span</anchor></code> 属性が <code class="HTML">2</code>
以上であっても、適用されるのはそれぞれの列に対してです。)</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:resScheme="IW" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="HTML4:&quot;struct/tables.html#adef-width-COL&quot;">IW:HTML4:&quot;struct/tables.html#adef-width-COL&quot;</anchor-external></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> この属性は省略可能です。
省略した場合で、親 <code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">colgroup</anchor></code> 要素があって、
そこに <code class="HTMLa">width</code> 属性が指定されていれば、
その値が使われます。</p><p>HTML 4 では多くの要素型の <code class="HTMLa">width</code>
属性は<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">非推奨</anchor>とされていますが、 <code class="HTMLe">col</code>
要素では非推奨ではありません。 (他の表系要素型と同じく、
表のレンダリングにかかわる特殊事情によるものだと思われます。)</p><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> この値の型は <code class="SGML">%<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">MultiLength</anchor>;</code> 
(<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>HTML 4 仕様書には、 <code class="HTMLe">colgroup</code>
で使える <code class="HTML">0*</code> 
という指定が可能かどうか明記されていませんが、
<code class="HTMLa">width</code> 属性の意味は <code class="HTMLe">colgroup</code>
要素のものと同じと書かれていることや、
<code class="HTMLe">colgroup</code> の属性が <code class="HTMLa">col</code>
の属性の既定値となることから考えても、
使えると取るのが自然でしょう。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="78" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[78]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">HTML5</anchor> の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">レンダリング</anchor>の章では <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">maps to the dimension property</anchor>
とされており <src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Web Applications 1.0</anchor></src>、 <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">HTML4</anchor> でいう <code class="SGML" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">%Length;</anchor></code> 相当です。</p></section></section><section><h1>列幅</h1><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
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="IW" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="HTML4:&quot;struct/tables.html#column-width&quot;">IW:HTML4:&quot;struct/tables.html#column-width&quot;</anchor-external></p><p>列幅の指定には 3 (+ 1) 通りの方法があります。<dl><dt>固定</dt><dd><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">画素</anchor>単位による固定幅の指定。
<samp class="HTML"><code class="HTMLa">width</code>=&quot;30&quot;</samp> </dd></dl></p><p>のような無単位数の指定がこれにあたります。
固定で指定されていれば、
表を最初の方から徐々に表示していくことができます。<dl><dt>百分率指定</dt><dd>百分率 (%) 単位による幅の指定。
<samp class="HTML"><code class="HTMLa">width</code>=&quot;30%&quot;</samp> 
のような指定がこれに当たります。
この割合は表に利用できる空間 
(左右の余白の間で、<rubyb xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">浮動<rt xmlns="http://www.w3.org/1999/xhtml">float</rt></rubyb>を含む。)
に対するものです。
この場合も最初の方から徐々に表示していくことができます。</dd><dt>可変幅</dt><dd><samp class="HTML">3*</samp> のような星印のついた指定です。
これは表に必要な空間に対するものです。
<code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">table</anchor></code> 要素に <code class="HTMLa">width</code>
属性が指定されている時には徐々に表示していくことができますが、
そうで無い場合には表のすべてのデータを読み終わらないと幅を決定できません。</dd><dt>無指定</dt><dd>列の幅の指定が無い場合、
表のすべてのデータが到着しないと適当な幅を決定できませんから、
徐々に表示することはできません。</dd></dl></p><p>UA は、表のレンダリング中にある<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="14" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[14]</anchor-end><pre class="HTML">&lt;TABLE&gt;
&lt;COLGROUP&gt;
   &lt;COL width=&quot;30&quot;&gt;
&lt;COLGROUP&gt;
   &lt;COL width=&quot;30&quot;&gt;
   &lt;COL width=&quot;0*&quot;&gt;
   &lt;COL width=&quot;2*&quot;&gt;
&lt;COLGROUP align=&quot;center&quot;&gt;
   &lt;COL width=&quot;1*&quot;&gt;
   &lt;COL width=&quot;3*&quot; align=&quot;char&quot; char=&quot;:&quot;&gt;
&lt;THEAD&gt;
&lt;TR&gt;&lt;TD&gt; ...
...rows...
&lt;/TABLE&gt;</pre></p><p>たとえば、 HTML 4 仕様書にあるこの例では、
最初の2つの列の幅は何も考えずに決定できますが、
残りの列の幅はすべてのこまを読まないと決定できません。
3番目の列の幅は、 <code class="HTML">0*</code> ですから、
必要な最小の幅です。残りの4つは内容に必要な幅を 
<code class="math">2 : 1 : 3</code> の割合で取ります。</p><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><pre class="HTML">&lt;TABLE width=&quot;200&quot;&gt;
&lt;COLGROUP span=&quot;10&quot; width=&quot;15&quot;&gt;
&lt;COLGROUP width=&quot;*&quot;&gt;
   &lt;COL id=&quot;penultimate-column&quot;&gt;
   &lt;COL id=&quot;last-column&quot;&gt;
&lt;THEAD&gt;
&lt;TR&gt;&lt;TD&gt; ...
...rows...
&lt;/TABLE&gt;</pre></p><p>同じく HTML 4 仕様書にあるこの例は、
<code class="HTMLe">table</code> 要素に <code class="HTMLa">width</code>
属性があるので、 <code class="HTML">*</code> 
の指定がありながらも表全体を読まずに列幅を決定できます。</p><p>この表には12個の列があって、最初の10列はそれぞれ15画素、
最後の2列は25画素ずつ使います。</p><p>(ちなみに、この例の <code class="HTMLe">col</code> 要素は <code class="HTMLa">id</code>
を与えるためだけに存在しています。)</p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section><section><h1>th 要素・td 要素 width 属性 (HTML, XHTML 1)</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="21" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[21]</anchor-end> <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">width</code> 属性</dfn>は、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">視覚UA</anchor> に対して推奨こま幅を指定します。</p><p>仕様書:<ul><li><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">HTML 4</anchor><ul><li><code class="HTMLe">th</code> 要素 <code class="HTMLa">width</code> 属性
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="IW" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="HTML4:&quot;struct/tables.html#adef-width-TH&quot;">IW:HTML4:&quot;struct/tables.html#adef-width-TH&quot;</anchor-external></li><li><cite>A.1.3 Minor typographical errors that were corrected</cite>
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="IW" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="HTML4:&quot;appendix/changes.html#h-A.1.3&quot;">IW:HTML4:&quot;appendix/changes.html#h-A.1.3&quot;</anchor-external></li></ul></li></ul></p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form><section><h1>スタイル・シート代替</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="22" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[22]</anchor-end> この属性は<strong>非推奨</strong>です。<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="23" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[23]</anchor-end> この属性の値は <code>%<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Length</anchor></code> です <src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">HTML 4.01</src>。
<weak xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">(HTML 4.0 では <code xmlns="http://www.w3.org/1999/xhtml">%<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Pixels</anchor></code> でしたが、 <q xmlns="http://www.w3.org/1999/xhtml">minor typo</q> であるとして <src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">HTML 4.01 A.1.3</src>、百分率値を認めるために HTML 4.01 で <code xmlns="http://www.w3.org/1999/xhtml">%Length</code> に改められました。)</weak>
<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="24" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[24]</anchor-end> この属性は省略可能です。</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="25" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[25]</anchor-end> こまに一々幅なんて指定しても何の役に立つんだか。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="58" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[58]</anchor-end></p><pre class="HTML invalid example code">&lt;TD BACKGROUND=&quot;gradient.jpg&quot; STYLE=&quot;background-repeat : repeat-x;&quot; WIDTH=&quot;*&quot; VALIGN=&quot;top&quot;&gt;</pre><comment-p xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">出典: <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Windows XP</anchor> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">日本語版</anchor>の
<code xmlns="http://www.w3.org/1999/xhtml" class="file" xml:lang="en">C:\windows\help\Tours\htmlTour\connected_multiple.htm</code></comment-p><p>(<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><section><h1>メモ</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="26" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[26]</anchor-end>
表や列の幅が固定長であっても、 <code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">cellspacing</anchor></code> や <code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">cellpadding</anchor></code>
のために必要であれば、 <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">UA</anchor>
は幅をその分ひろげてもかまいません 
(が、そうする必要はありません。)
(<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="IW" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="HTML4:&quot;struct/tables.html#margins&quot;">IW:HTML4:&quot;struct/tables.html#margins&quot;</anchor-external> を参照。)</p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section></section><section><h1>img 要素・object 要素 width 属性 (HTML, XHTML 1)</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="34" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[34]</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:">img</anchor></code> 要素および
<code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">object</anchor></code> 要素の <dfn><code class="HTMLa">width</code> 属性</dfn>は、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">画像</anchor>や<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="35" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[35]</anchor-end> 仕様書: <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:resScheme="IW" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="HTML4:&quot;struct/objects.html#img-wh&quot;">IW:HTML4:&quot;struct/objects.html#img-wh&quot;</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="55" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[55]</anchor-end>
HTML 4 の DTD の注釈 (参考)
には <q>override width</q> と書かれています。
(<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">名無しさん</anchor> [sage])</p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form><section><h1>代替</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="38" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[38]</anchor-end> この属性は、 HTML 4 では個別の属性としては<strong>非推奨</strong>にされていませんが、
視覚表現に関わる属性はすべて<strong>非推奨</strong>と書かれている章
(13.7 Visual presentation of images, objects, and applets
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="IW" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="HTML4:&quot;struct/objects.html#visual&quot;">IW:HTML4:&quot;struct/objects.html#visual&quot;</anchor-external>) の中で規定されています。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="39" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[39]</anchor-end> 画像や物体の幅は<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">スタイル・シート</anchor>で代替できます。
<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:">width</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="36" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[36]</anchor-end> この属性の値は <code class="SGML">%<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Length</anchor></code> です。
<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>百分率値で指定されたときには、利用可能な水平幅の対する割合として解釈します。
(自然な画像・物体の幅に対してでは<em>ありません</em>。) <sup> [HTML 4] </sup></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="37" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[37]</anchor-end> この属性は省略可能です。</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="40" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[40]</anchor-end> 物体が画像であるときには、指定された幅に合わせて拡大・縮小されます。 UA は、
物体や画像が <code class="HTMLa">width</code> に一致するよう拡大・縮小に最善を尽くすべきです。
<sup> [HTML 4] </sup></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="41" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[41]</anchor-end> <code class="HTMLa">width</code> 属性が指定されていると、 UA
は物体を取寄せる前に必要な領域を予約して残りの部分をレンダリングすることができます。
物体が到着しても全体ないし物体以後の部分をレンダリングし直さずに済みます。</p><p>回線や計算機の能力が貧弱だった時代には、
この理由から <code class="HTMLa">width</code> や <code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">height</anchor></code>
を <code class="HTMLe">img</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="62" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[62]</anchor-end> <code class="HTMLe" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">img</anchor></code> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">要素</anchor>の <code class="HTMLa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">width</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:">HTML 2.0</anchor> の拡張として <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Netscape Navigator</anchor>
が実装しました。</p><p>この<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">属性</anchor>は主として<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">文書</anchor>の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">レンダリング</anchor>の高速化のために追加されたと説明されています。
この<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">属性</anchor>が指定されていると、<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">画像</anchor>の到着を待たずに<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">レンダリング</anchor>ができるとされています。</p><comment-p xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:"><cite xmlns="http://www.w3.org/1999/xhtml">Netscape Navigator Extensions to HTML</cite> <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://web.archive.org/web/20000415023954/http://www.netscape.com/home/services_docs/html-extensions.html">http://web.archive.org/web/20000415023954/http://www.netscape.com/home/services_docs/html-extensions.html</anchor-external></comment-p><ed xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">
<anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="62" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[62]</anchor-end> 指定されていないと<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">画像</anchor>が到着されるまでまったく<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">レンダリング</anchor>が停止するように書かれていますが、
当時の <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Netscape Navigator</anchor> はそうだったのでしょうか?
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Netscape Navigator</anchor> 2.0 は到着しなくても<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">レンダリング</anchor>を開始し、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">画像</anchor>が到着した時点で挿入される (ので、
それ以後が再描画される) ようになっていた記憶があります。
(だから再描画いくないから <code xmlns="http://www.w3.org/1999/xhtml" class="HTMLa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">width</anchor></code> と
<code xmlns="http://www.w3.org/1999/xhtml" class="HTMLa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">height</anchor></code> を指定汁みたいな話だったような。)
<form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></ed></section><section><h1>メモ</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="42" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[42]</anchor-end> <code class="HTMLa">width</code> 属性が物理属性か論理属性か
(<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Strict</anchor> な文書で使用するべきかどうか) の問題は <code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">height</anchor></code>
属性の説明を見てください。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="57" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[57]</anchor-end>
<cite>XHTML-Print</cite> <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://www.w3.org/TR/2006/PR-xhtml-print-20060131/#s.4.1.2">http://www.w3.org/TR/2006/PR-xhtml-print-20060131/#s.4.1.2</anchor-external></p><blockquote><pre class="HTML example code">&lt;img height=&quot;20 mm&quot; width=&quot;20 mm&quot; alt=&quot;Example Image&quot;
   src=&quot;data:image/jpeg;base64,aGh67Fghsapa0Hji7dfGSweTa . . . &quot; /&gt;</pre></blockquote><p>いつから<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">単位</anchor>OKになったのでしょう?
(<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">名無しさん</anchor> <weak xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">2006-03-28 02:47:11 +00:00</weak>)</p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section></section><section><h1>applet 要素 width 属性 (HTML, XHTML 1)</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="28" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[28]</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:">applet</anchor></code> 要素の
<dfn><code class="HTMLa">width</code> 属性</dfn>は、
applet の初期表示領域 (applet が作る<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">窓</anchor>や<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="29" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[29]</anchor-end> 仕様書:
<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:resScheme="IW" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="HTML4:&quot;struct/objects.html#adef-width-APPLET&quot;">IW:HTML4:&quot;struct/objects.html#adef-width-APPLET&quot;</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="56" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[56]</anchor-end>
HTML 4 DTD の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">注釈</anchor> (参考) には
<q>initial width</q> と書かれています。
(<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">名無しさん</anchor> [sage])</p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form><section><h1>代替</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="30" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[30]</anchor-end> この属性は HTML 4 で要素型ごと<strong>非推奨</strong>とされています。
<code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">object</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="31" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[31]</anchor-end> この属性の値は <code class="SGML">%<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Length</anchor></code> です。
<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> です。
大文字・小文字は区別されません <sup> [HTML 4] </sup>。
(区別しようにも大文字も小文字も使えないのですが。)</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="32" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[32]</anchor-end> この属性は必須です。省略できません。</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="33" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[33]</anchor-end> 姉妹属性 <code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">height</anchor></code> (高さ) があります。</p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section><section><h1>メモ</h1><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section></section><section><h1>iframe 要素 width 属性 (HTML, XHTML 1)</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="43" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[43]</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:">iframe</anchor></code> 要素の
<dfn><code class="HTMLa">width</code> 属性</dfn>は、
<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="44" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[44]</anchor-end> 仕様書:<ul><li><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">HTML 4</anchor><ul><li><code class="HTMLe">iframe</code> 要素 <code class="HTMLa">width</code> 属性
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="IW" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="HTML4:&quot;present/frames.html#adef-width-IFRAME&quot;">IW:HTML4:&quot;present/frames.html#adef-width-IFRAME&quot;</anchor-external></li></ul></li></ul></p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form><section><h1>属性値</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="45" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[45]</anchor-end> この属性の値は <code class="SGML">%<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Length</anchor></code> です。
<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="46" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[46]</anchor-end> この属性は省略可能です。</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="47" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[47]</anchor-end> 姉妹属性 <code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">height</anchor></code> があります。</p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section><section><h1>メモ</h1><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section></section><section><h1>hr 要素 width 属性 (HTML, XHTML 1)</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="48" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[48]</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:">hr</anchor></code> 要素の <dfn><code class="HTMLa">width</code> 属性</dfn>は、
水平線の幅を指定します。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="49" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[49]</anchor-end> 仕様書:<ul><li><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">HTML 3.2</anchor> <ul><li><code class="HTMLe">hr</code> 要素 <code class="HTMLa">width</code> 属性
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://www.w3.org/TR/REC-html32#hr">http://www.w3.org/TR/REC-html32#hr</anchor-external></li></ul></li><li><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">HTML 4</anchor><ul><li><code class="HTMLe">hr</code> 要素 <code class="HTMLa">width</code> 属性
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="IW" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="HTML4:&quot;present/graphics.html#adef-width-HR&quot;">IW:HTML4:&quot;present/graphics.html#adef-width-HR&quot;</anchor-external></li></ul></li></ul></p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form><section><h1>代替</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="50" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[50]</anchor-end> この属性は<strong>非推奨</strong>です <src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">HTML 4</src>。
代わりに、<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="51" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[51]</anchor-end> この属性の値は <code class="SGML">%<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Length</anchor></code> です。
<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> です。
<src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">HTML 3.2, HTML 4</src></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="52" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[52]</anchor-end> この属性は省略可能です。省略時の既定値は
<code class="HTML">100%</code> です。 (<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:">IMPLIED</anchor></code>) です。
<src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">HTML 3.2, HTML 4</src></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="61" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[61]</anchor-end> <code class="HTMLe" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">hr</anchor></code> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">要素</anchor>の <code class="HTMLa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">size</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:">HTML 2.0</anchor> の拡張として <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Netscape Navigator</anchor>
で実装されました。</p><p><code class="HTMLa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">width</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:">水平線</anchor>を<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">画素</anchor>の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">数</anchor>か<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">文書</anchor>の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">幅</anchor>に対する<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">百分率値</anchor>で指定するものとされていました。
<code class="HTMLa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">width</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:">頁</anchor>の幅と同じだけの幅になるとされていました。</p><comment-p xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:"><cite xmlns="http://www.w3.org/1999/xhtml">Netscape Navigator Extensions to HTML</cite>
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://web.archive.org/web/20000415023954/http://www.netscape.com/home/services_docs/html-extensions.html">http://web.archive.org/web/20000415023954/http://www.netscape.com/home/services_docs/html-extensions.html</anchor-external></comment-p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="53" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[53]</anchor-end> この属性は HTML 3.2 で最初に公式な HTML 仕様に導入され、
HTML 4 で非推奨とされました。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="54" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[54]</anchor-end>
HTML 2.0 では <code class="HTMLe">hr</code> は幅一杯に引かれると規定されており、
<code class="HTMLa">width</code> 属性の既定値 (<anchor-internal xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="52" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">&gt;&gt;52</anchor-internal>) と一致します。</p><p>HTML 2.0 は <q><code class="HTMLe">hr</code> は <rubyb xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">幅一杯<rt xmlns="http://www.w3.org/1999/xhtml">full width</rt></rubyb></q>、 HTML 3.2
は<q>百分率値は左右余白間の割合</q>、 HTML 4 は
<q><code class="HTML">100%</code> はすなわち<ruby>画布<rt>キャンバス</rt></ruby>全体</q>
と述べています。他の要素との関係で、 100% 
であっても必ずしも画布一杯に線が引けるとは限りませんから、
HTML 4 の規定は不正確になっていると言えます。</p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section><section><h1>メモ</h1><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section></section><section><h1>メモ</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="59" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[59]</anchor-end>
<cite>公開メモ日記 - Webサイトの横幅を固定した時のピクセルサイズ</cite> <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://knoa.jp/memo/?id=2006-10-19+12:48">http://knoa.jp/memo/?id=2006-10-19+12:48</anchor-external>
(<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">名無しさん</anchor> <weak xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">2006-10-19 14:51:48 +00:00</weak>)</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="60" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[60]</anchor-end>
<cite>div width - Google 検索</cite> (<code>2007-01-06 23:59:44 +09:00</code> 版) <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://www.google.co.jp/search?q=div+width">http://www.google.co.jp/search?q=div+width</anchor-external></p><blockquote><pre class="HTML invalid example">&lt;/head&gt;&lt;body bgcolor=#ffffff onload=&quot;document.gs.reset();&quot; topmargin=3 marginheight=3&gt;&lt;noscript&gt;&lt;/noscript&gt;&lt;div align=right nowrap style=&quot;padding-bottom:4px&quot; width=100%&gt;&lt;font size=-1&gt;&lt;a href=&quot;https://www.google.com/accounts/Login?continue=http://www.google.co.jp/search%3Fq%3Ddiv%2Bwidth&amp;hl=ja&quot;&gt;ログイン&lt;/a&gt;&lt;/font&gt;&lt;/div&gt;</pre></blockquote><p>(<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">名無しさん</anchor> <weak xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">2007-01-06 15:04:27 +00:00</weak>)</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="63" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[63]</anchor-end>
<code class="CSS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">width</anchor></code> の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">算出値</anchor>確認用
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0A%20%20display%3A%20inline%3B%0A%20%20width%3A%2010em%3B%0A%7D;h=%3Cinput%20type%3Dbutton%20onclick%3D%22%0A%20%20var%20el%20%3D%20document.getElementsByTagName%20('p')%5B0%5D%3B%0A%20%20var%20sd%20%3D%20getComputedStyle%20(el%2C%20null)%3B%0A%20%20w%20('getComputedStyle%3A%3A%20display%3A%20'%2Bsd.display%2B'%20width%3A%20'%2Bsd.width)%0A%22%20value%3DgetComputedStyle%3E%0A%3Cinput%20type%3Dbutton%20onclick%3D%22%0A%20%20var%20el%20%3D%20document.getElementsByTagName%20('p')%5B0%5D%3B%0A%20%20var%20sd%20%3D%20el.currentStyle%3B%0A%20%20w%20('currentStyle%3A%3A%20display%3A%20'%2Bsd.display%2B'%2C%20width%3A%20'%2Bsd.width)%0A%22%20value%3DcurrentStyle%3E%0A%3Cp%3E;p=n;x=style-element">http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0A%20%20display%3A%20inline%3B%0A%20%20width%3A%2010em%3B%0A%7D;h=%3Cinput%20type%3Dbutton%20onclick%3D%22%0A%20%20var%20el%20%3D%20document.getElementsByTagName%20('p')%5B0%5D%3B%0A%20%20var%20sd%20%3D%20getComputedStyle%20(el%2C%20null)%3B%0A%20%20w%20('getComputedStyle%3A%3A%20display%3A%20'%2Bsd.display%2B'%20width%3A%20'%2Bsd.width)%0A%22%20value%3DgetComputedStyle%3E%0A%3Cinput%20type%3Dbutton%20onclick%3D%22%0A%20%20var%20el%20%3D%20document.getElementsByTagName%20('p')%5B0%5D%3B%0A%20%20var%20sd%20%3D%20el.currentStyle%3B%0A%20%20w%20('currentStyle%3A%3A%20display%3A%20'%2Bsd.display%2B'%2C%20width%3A%20'%2Bsd.width)%0A%22%20value%3DcurrentStyle%3E%0A%3Cp%3E;p=n;x=style-element</anchor-external>
(<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="64" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[64]</anchor-end>
<anchor-internal xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="63" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">&gt;&gt;63</anchor-internal> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">CSS 2.1</anchor> によれば <code class="CSS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">width</anchor></code> の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">算出値</anchor>は
<code class="CSS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">width</anchor></code> が<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">適用</anchor>されない場合 <code class="CSS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">auto</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:">適用</anchor>されないのですが、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Firefox</anchor> 2 でも <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">WinIE 6</anchor> でも <code class="CSS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">auto</anchor></code> にはなりません。
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Opera</anchor> 9 では <code class="CSS">0<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">px</anchor></code> になります。
(<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="65" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[65]</anchor-end>
<anchor-internal xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="63" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">&gt;&gt;63</anchor-internal> <code class="CSS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">table-row</anchor></code> 用
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://suika.fam.cx/gate/2007/cssom/viewer?c=tr%20%7B%0A%20%20width%3A%2010em%3B%0A%7D;h=%3Cinput%20type%3Dbutton%20onclick%3D%22%0A%20%20var%20el%20%3D%20document.getElementsByTagName%20('tr')%5B0%5D%3B%0A%20%20var%20sd%20%3D%20getComputedStyle%20(el%2C%20null)%3B%0A%20%20w%20('getComputedStyle%3A%3A%20display%3A%20'%2Bsd.display%2B'%2C%20width%3A%20'%2Bsd.width)%0A%22%20value%3DgetComputedStyle%3E%0A%3Cinput%20type%3Dbutton%20onclick%3D%22%0A%20%20var%20el%20%3D%20document.getElementsByTagName%20('tr')%5B0%5D%3B%0A%20%20var%20sd%20%3D%20el.currentStyle%3B%0A%20%20w%20('currentStyle%3A%3A%20display%3A%20'%2Bsd.display%2B'%2C%20width%3A%20'%2Bsd.width)%0A%22%20value%3DcurrentStyle%3E%0A%3Ctable%3E%3Ctbody%3E%3Ctr%3E%3Ctd%3E%3C%2Ftd%3E%3C%2Ftr%3E%3C%2Ftbody%3E%3C%2Ftable%3E;p=n;x=style-element">http://suika.fam.cx/gate/2007/cssom/viewer?c=tr%20%7B%0A%20%20width%3A%2010em%3B%0A%7D;h=%3Cinput%20type%3Dbutton%20onclick%3D%22%0A%20%20var%20el%20%3D%20document.getElementsByTagName%20('tr')%5B0%5D%3B%0A%20%20var%20sd%20%3D%20getComputedStyle%20(el%2C%20null)%3B%0A%20%20w%20('getComputedStyle%3A%3A%20display%3A%20'%2Bsd.display%2B'%2C%20width%3A%20'%2Bsd.width)%0A%22%20value%3DgetComputedStyle%3E%0A%3Cinput%20type%3Dbutton%20onclick%3D%22%0A%20%20var%20el%20%3D%20document.getElementsByTagName%20('tr')%5B0%5D%3B%0A%20%20var%20sd%20%3D%20el.currentStyle%3B%0A%20%20w%20('currentStyle%3A%3A%20display%3A%20'%2Bsd.display%2B'%2C%20width%3A%20'%2Bsd.width)%0A%22%20value%3DcurrentStyle%3E%0A%3Ctable%3E%3Ctbody%3E%3Ctr%3E%3Ctd%3E%3C%2Ftd%3E%3C%2Ftr%3E%3C%2Ftbody%3E%3C%2Ftable%3E;p=n;x=style-element</anchor-external></p><p><code class="CSS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">table-row-group</anchor></code> 用
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://suika.fam.cx/gate/2007/cssom/viewer?c=tbody%20%7B%0A%20%20width%3A%2010em%3B%0A%7D;h=%3Cinput%20type%3Dbutton%20onclick%3D%22%0A%20%20var%20el%20%3D%20document.getElementsByTagName%20('tr')%5B0%5D%3B%0A%20%20var%20sd%20%3D%20getComputedStyle%20(el%2C%20null)%3B%0A%20%20w%20('getComputedStyle%3A%3A%20display%3A%20'%2Bsd.display%2B'%2C%20width%3A%20'%2Bsd.width)%0A%22%20value%3DgetComputedStyle%3E%0A%3Cinput%20type%3Dbutton%20onclick%3D%22%0A%20%20var%20el%20%3D%20document.getElementsByTagName%20('tr')%5B0%5D%3B%0A%20%20var%20sd%20%3D%20el.currentStyle%3B%0A%20%20w%20('currentStyle%3A%3A%20display%3A%20'%2Bsd.display%2B'%2C%20width%3A%20'%2Bsd.width)%0A%22%20value%3DcurrentStyle%3E%0A%3Ctable%3E%3Ctbody%3E%3Ctr%3E%3Ctd%3E%3C%2Ftd%3E%3C%2Ftr%3E%3C%2Ftbody%3E%3C%2Ftable%3E;p=n;x=style-element">http://suika.fam.cx/gate/2007/cssom/viewer?c=tbody%20%7B%0A%20%20width%3A%2010em%3B%0A%7D;h=%3Cinput%20type%3Dbutton%20onclick%3D%22%0A%20%20var%20el%20%3D%20document.getElementsByTagName%20('tr')%5B0%5D%3B%0A%20%20var%20sd%20%3D%20getComputedStyle%20(el%2C%20null)%3B%0A%20%20w%20('getComputedStyle%3A%3A%20display%3A%20'%2Bsd.display%2B'%2C%20width%3A%20'%2Bsd.width)%0A%22%20value%3DgetComputedStyle%3E%0A%3Cinput%20type%3Dbutton%20onclick%3D%22%0A%20%20var%20el%20%3D%20document.getElementsByTagName%20('tr')%5B0%5D%3B%0A%20%20var%20sd%20%3D%20el.currentStyle%3B%0A%20%20w%20('currentStyle%3A%3A%20display%3A%20'%2Bsd.display%2B'%2C%20width%3A%20'%2Bsd.width)%0A%22%20value%3DcurrentStyle%3E%0A%3Ctable%3E%3Ctbody%3E%3Ctr%3E%3Ctd%3E%3C%2Ftd%3E%3C%2Ftr%3E%3C%2Ftbody%3E%3C%2Ftable%3E;p=n;x=style-element</anchor-external></p><p>(<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="66" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[66]</anchor-end>
<anchor-internal xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="65" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">&gt;&gt;65</anchor-internal> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Firefox</anchor> 2 は<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">表</anchor>や<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">表群</anchor>の場合<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">使用値</anchor> (?) が返されるようです
(この例では <code class="CSS">2<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">px</anchor></code>)。
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Opera</anchor> 9 では <code class="CSS">0<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">px</anchor></code> です。
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">WinIE 6</anchor> では<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">指定値</anchor>と同じです (もっとも <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">WinIE 6</anchor>
では <code class="HTMLe" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">tr</anchor></code> も <code class="HTMLe" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">tbody</anchor></code>
も <code class="CSS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">display</anchor>: <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">block</anchor></code> ですが)。
(<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="67" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[67]</anchor-end>
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Firefox</anchor> 3 で追加された4つの<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">鍵語</anchor>のテスト用:
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0A%20%20width%3A%20auto%3B%0A%20%20background-color%3A%20blue%3B%0A%7D%0A%0A%23fit-content%20%7B%0A%20%20width%3A%20-moz-fit-content%3B%0A%7D%0A%23min-content%20%7B%0A%20%20width%3A%20-moz-min-content%3B%0A%7D%0A%23max-content%20%7B%0A%20%20width%3A%20-moz-max-content%3B%0A%7D%0A%23available%20%7B%0A%20%20width%3A%20-moz-available%3B%0A%7D%0A;h=%3Cbutton%20type%3Dbutton%20onclick%3D%22%0A%20%20for%20(var%20i%20%3D%200%3B%20i%20%3C%205%3B%20i%2B%2B)%20%7B%0A%20%20%20%20var%20pel%20%3D%20document.getElementsByTagName%20(%27p%27)%5Bi%5D%3B%0A%20%20%20%20w%20(pel.textContent%20%2B%20%27%3A%20%27%20%2B%20getComputedStyle%20(pel%2C%20null).width)%3B%0A%20%20%7D%0A%22%3EgetComputedStyle%3C%2Fbutton%3E%0A%0A%3Cp%20id%3Dauto%3Eauto%3C%2Fp%3E%0A%3Cp%20id%3Davailable%3E-moz-available%3C%2Fp%3E%0A%3Cp%20id%3Dmax-content%3E-moz-max-content%3C%2Fp%3E%0A%3Cp%20id%3Dmin-content%3E-moz-min-content%3C%2Fp%3E%0A%3Cp%20id%3Dfit-content%3E-moz-fit-content%3C%2Fp%3E;p=n;x=style-element;i=html-div">http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0A%20%20width%3A%20auto%3B%0A%20%20background-color%3A%20blue%3B%0A%7D%0A%0A%23fit-content%20%7B%0A%20%20width%3A%20-moz-fit-content%3B%0A%7D%0A%23min-content%20%7B%0A%20%20width%3A%20-moz-min-content%3B%0A%7D%0A%23max-content%20%7B%0A%20%20width%3A%20-moz-max-content%3B%0A%7D%0A%23available%20%7B%0A%20%20width%3A%20-moz-available%3B%0A%7D%0A;h=%3Cbutton%20type%3Dbutton%20onclick%3D%22%0A%20%20for%20(var%20i%20%3D%200%3B%20i%20%3C%205%3B%20i%2B%2B)%20%7B%0A%20%20%20%20var%20pel%20%3D%20document.getElementsByTagName%20(%27p%27)%5Bi%5D%3B%0A%20%20%20%20w%20(pel.textContent%20%2B%20%27%3A%20%27%20%2B%20getComputedStyle%20(pel%2C%20null).width)%3B%0A%20%20%7D%0A%22%3EgetComputedStyle%3C%2Fbutton%3E%0A%0A%3Cp%20id%3Dauto%3Eauto%3C%2Fp%3E%0A%3Cp%20id%3Davailable%3E-moz-available%3C%2Fp%3E%0A%3Cp%20id%3Dmax-content%3E-moz-max-content%3C%2Fp%3E%0A%3Cp%20id%3Dmin-content%3E-moz-min-content%3C%2Fp%3E%0A%3Cp%20id%3Dfit-content%3E-moz-fit-content%3C%2Fp%3E;p=n;x=style-element;i=html-div</anchor-external>
(<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="68" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[68]</anchor-end>
<anchor-internal xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="64" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">&gt;&gt;64</anchor-internal> や <anchor-internal xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="66" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">&gt;&gt;66</anchor-internal> については、 <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">DOM水準2 CSS</anchor> のいうところの<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">算出値</anchor>というのが <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">CSS 2.0</anchor>
の意味、すなわち <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">CSS 2.1</anchor> の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">使用値</anchor>を指しているので、むしろ <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Opera</anchor>
の値がおかしい。
(<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="69" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[69]</anchor-end>
<anchor-internal xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="67" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">&gt;&gt;67</anchor-internal> <code class="DOMm" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">getComputedStyle</anchor></code>
は <code class="CSS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">display</anchor>: <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">inline</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:">使用値</anchor>を返すようです。</p><p>(<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="70" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[70]</anchor-end>
<anchor-internal xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="67" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">&gt;&gt;67</anchor-internal> この4つは <code class="CSS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">min-width</anchor></code> や <code class="CSS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">max-width</anchor></code>
でも使えますが、 <code class="CSS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">height</anchor></code> 系では使えないようです。
(<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="71" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[71]</anchor-end> <cite>IE5~IE7でも、RFC2397(Dataスキーム, DataURI)を使えるようにした! - uupaaの開発日記</cite> (<time>2008-12-27 15:42:29 +09:00</time> 版) <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://d.hatena.ne.jp/uupaa/20080904/1220462674">http://d.hatena.ne.jp/uupaa/20080904/1220462674</anchor-external></p><blockquote><p>img style=&quot;width:100px;height:100px&quot; width=&quot;50&quot; height=&quot;50&quot; は、width=100px, height=100pxと解釈されるのが正しい仕様ですが、今回の実装では50px,50pxになります。理由はIEがimg.width, img.heightを勝手にバッテンアイコンのサイズに書き換えるのが原因です。</p></blockquote></section><section><h1><code class="DOMi" xml:lang="en">ClientRect</code> 界面 <code class="DOMa" xml:lang="en">width</code> 属性、 <code class="DOMa" xml:lang="en">height</code> 属性</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="72" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[72]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">CSSOM View</anchor> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">WD</anchor> には <code class="DOMi" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">ClientRect</anchor></code>
に <code class="DOMa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">width</anchor></code> と <code class="DOMa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">height</anchor></code>
がありますが、現時点でどの <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Webブラウザ</anchor>の <code class="DOMm" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">getBoundingClientRect</anchor></code>
が返す値もこれらの<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">属性</anchor>を持っていないみたいです。</p></section><section><h1><code class="JS" xml:lang="en">document.width</code>, <code class="JS" xml:lang="en">document.height</code></h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="74" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[74]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Firefox3</anchor>: 常に (モードに関わらず) <code class="HTMLe" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">body</anchor></code>
の <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">border box</anchor> の幅と高さ。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="75" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[75]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Safari3</anchor>: 常に (モードに関わらず) <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="76" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[76]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Opera 9.52</anchor>、<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">WinIE7</anchor>: 未対応。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="79" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[79]</anchor-end> <cite><strong></strong>[<strong></strong>whatwg<strong></strong>]<strong></strong> question on @width and @height attributes on &lt;video&gt;</cite>
( (<time>2011-01-09 13:49:39 +09:00</time> 版))
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2011-January/029742.html">http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2011-January/029742.html</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="80" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[80]</anchor-end> <cite>Document Structure – SVG 1.1 (Second Edition)</cite>
( (<time>2011-08-10 12:35:27 +09:00</time> 版))
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://www.w3.org/TR/2011/REC-SVG11-20110816/struct.html#SVGElementWidthAttribute">http://www.w3.org/TR/2011/REC-SVG11-20110816/struct.html#SVGElementWidthAttribute</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="81" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[81]</anchor-end> <cite>Document Structure – SVG 1.1 (Second Edition)</cite>
( (<time>2011-08-10 12:35:27 +09:00</time> 版))
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://www.w3.org/TR/2011/REC-SVG11-20110816/struct.html#UseElementWidthAttribute">http://www.w3.org/TR/2011/REC-SVG11-20110816/struct.html#UseElementWidthAttribute</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="82" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[82]</anchor-end> <cite>Document Structure – SVG 1.1 (Second Edition)</cite>
( (<time>2011-08-10 12:35:27 +09:00</time> 版))
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://www.w3.org/TR/2011/REC-SVG11-20110816/struct.html#ImageElementWidthAttribute">http://www.w3.org/TR/2011/REC-SVG11-20110816/struct.html#ImageElementWidthAttribute</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="83" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[83]</anchor-end> <cite xml:lang="en">Web Applications 1.0 r6706  Compat with other browsers.</cite>
( (<time>2011-10-20 08:03:00 +09:00</time> 版))
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://html5.org/tools/web-apps-tracker?from=6705&amp;to=6706">http://html5.org/tools/web-apps-tracker?from=6705&amp;to=6706</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="84" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[84]</anchor-end> <cite>Packaged Web Apps (Widgets) - Packaging and XML Configuration (Second Edition)</cite>
( (<time>2012-11-22 21:22:20 +09:00</time> 版))
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://w3c.github.com/packed-webapps/packaging/#the-width-attribute">http://w3c.github.com/packed-webapps/packaging/#the-width-attribute</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="85" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[85]</anchor-end> <cite><strong></strong>[<strong></strong>whatwg<strong></strong>]<strong></strong> <strong>[</strong>Rendering<strong>]</strong> zero width attributes on table, th, td should be ignored</cite>
( (<time>2013-01-03 14:10:11 +09:00</time> 版))
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2013-January/038496.html">http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2013-January/038496.html</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="86" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[86]</anchor-end> <cite xml:lang="en">Support `width=&quot;0&quot;` except for table-related elements · whatwg/html@06b0238</cite>
(<time>2015-10-10 14:52:18 +09:00</time> 版)
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://github.com/whatwg/html/commit/06b0238b34c7dfd2f74c4dee6ed8410e9d79b992">https://github.com/whatwg/html/commit/06b0238b34c7dfd2f74c4dee6ed8410e9d79b992</anchor-external></p><figure class="quote"><figcaption><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="87" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[87]</anchor-end> <cite xml:lang="en">RFC 7749 - The &quot;xml2rfc&quot; Version 2 Vocabulary</cite>
(<time>2016-02-04 22:54:51 +09:00</time> 版)
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://tools.ietf.org/html/rfc7749#section-2.5.7">https://tools.ietf.org/html/rfc7749#section-2.5.7</anchor-external></figcaption><blockquote><p>The suggested width of the graphics (when it was included using the</p><p>&quot;src&quot; attribute).</p><p>This attribute is format dependent and ought to be avoided.</p><p>When generating HTML output <strong>[</strong>HTML<strong>]</strong>, current implementations copy the</p><p>attribute &quot;as is&quot;, thus effectively treating it as CSS pixels (see</p><p>Section 4.3.2 of <strong>[</strong>CSS<strong>]</strong>).  For other output formats, it is usually</p><p>ignored.</p></blockquote></figure><figure class="quote"><figcaption><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="88" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[88]</anchor-end> <cite xml:lang="ja">川の防災情報 :地域選択</cite>
( (<time>2016-07-15 13:28:56 +09:00</time>))
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://www.river.go.jp/kawabou/ipXAreaMap.do?gamenId=01-0204&amp;fldCtlParty=no">http://www.river.go.jp/kawabou/ipXAreaMap.do?gamenId=01-0204&amp;fldCtlParty=no</anchor-external></figcaption><blockquote><p>&lt;td width=&quot;*&quot;&gt;&amp;nbsp;&lt;/td&gt;	</p></blockquote></figure><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="73" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[73]</anchor-end> <cite xml:lang="en">Make OffscreenCanvas resizeable</cite>
(<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">junov</anchor>著, <time>2016-12-06 07:06:13 +09:00</time>)
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://github.com/whatwg/html/commit/1a4bed42e68e42db712bfcea6e7505b06a589104">https://github.com/whatwg/html/commit/1a4bed42e68e42db712bfcea6e7505b06a589104</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="89" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[89]</anchor-end> <cite xml:lang="en">Remove &lt;applet&gt;</cite>
(<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">zcorpan</anchor>著, <time>2017-08-21 22:19:30 +09:00</time>)
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://github.com/whatwg/html/commit/b9b9d60f9451c05f8e8d542e4094f987ae1a5fb8">https://github.com/whatwg/html/commit/b9b9d60f9451c05f8e8d542e4094f987ae1a5fb8</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="90" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[90]</anchor-end> <cite xml:lang="en"><strong>[</strong>css-sizing<strong>]</strong> Import full propdef tables for all sizing properties, an…</cite>
(<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">tabatkins</anchor>著, <time>2017-12-05 09:40:50 +09:00</time>)
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://github.com/w3c/csswg-drafts/commit/aab263247a81dce2d2c4be5e6653d46ee63e261d">https://github.com/w3c/csswg-drafts/commit/aab263247a81dce2d2c4be5e6653d46ee63e261d</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="91" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[91]</anchor-end> <cite xml:lang="en">Editorial: add a definition for canvas width/height numeric values</cite>
(<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">GloverDonovan</anchor>著, <time>2018-02-22 05:41:43 +09:00</time>)
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://github.com/whatwg/html/commit/822a7bd4097af8b9a5f65ae74c4a13dd9b33e976">https://github.com/whatwg/html/commit/822a7bd4097af8b9a5f65ae74c4a13dd9b33e976</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="92" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[92]</anchor-end> <cite xml:lang="en">What happens when setting the canvas width/height to an invalid value? · Issue #2066 · whatwg/html</cite>
(<time>2018-02-22 15:54:31 +09:00</time>)
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://github.com/whatwg/html/issues/2066">https://github.com/whatwg/html/issues/2066</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="93" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[93]</anchor-end> <cite xml:lang="en">Add cross-reference for obtaining numeric values by GloverDonovan · Pull Request #3475 · whatwg/html</cite>
(<time>2018-02-22 15:55:58 +09:00</time>)
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://github.com/whatwg/html/pull/3475">https://github.com/whatwg/html/pull/3475</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="94" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[94]</anchor-end> <cite xml:lang="en">Map 0 for &lt;col&gt;'s width=&quot;&quot; as well</cite>
(<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">gurjotsingh4398</anchor>著, <time>2019-09-24 12:21:36 +09:00</time>)
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://github.com/whatwg/html/commit/cc8ad89d84b84412a0e7856bcc876d2682c21e63">https://github.com/whatwg/html/commit/cc8ad89d84b84412a0e7856bcc876d2682c21e63</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="95" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[95]</anchor-end> <cite xml:lang="en">Editorial: removed &quot; (ignoring zero)&quot; text by gurjotsingh4398 · Pull Request #4927 · whatwg/html</cite>
(<time>2020-05-14 13:37:36 +09:00</time>)
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://github.com/whatwg/html/pull/4927">https://github.com/whatwg/html/pull/4927</anchor-external></p></section></body></html>