table 要素 width 属性 (HTML, XHTML 1)#✎

[16] table 要素の width 属性は、 表の幅を表します。この属性は視覚UA を想定しています。

仕様書: HTML 4 IW:HTML4:"struct/tables.html#adef-width-TABLE"

[17] この属性は省略可能です。 省略されている場合には幅は UA が決定します。

[18] この属性は、 HTML 4 では非推奨ではありません (Strict DTD でも使えます)。 しかし、スタイル・シートを使って指定することがすすめられています (encouraged)。 (IW:HTML4:"struct/tables.html#column-width")

[20] Strict 思想的には視覚 UA のレンダリングのためだけのこの属性を HTML で使うのは望ましくないのですが、表のレンダリングの特殊性から、 回線の事情や UA の性能のためにやむを得ないと考えられたこともありました。 (現在ではそのような問題はほぼ解消していますから、 もはや必要ないかもしれませんが。)

[19] この属性の値の型は %Length; (SGML 的には CDATA) です。 従って、無単位の画素数と百分率による割合のいずれかで指定できます。

百分率は利用可能な水平空間に対する割合と見なされます。

[27] col や colgroup の幅が相対幅 (割合) で指定されているときには、 表自体の幅も指定しなければなりません。

IW:HTML4:"struct/tables.html#edef-TABLE"

(名無しさん)

colgroup 要素 width 属性 (HTML, XHTML 1)#✎

[6] colgroup 要素の width 属性は、 その列群に含まれる列の幅の既定値を表します。 (列群の幅ではないので注意。)

列群に含まれる列の幅は、 col 要素で別途指定されていればそれが使われます。 そうでない場合は colgroup の値が使われます。

仕様書: HTML 4 IW:HTML4:"struct/tables.html#adef-width-COLGROUP"

[9] この属性は省略可能です。

HTML 4 では多くの要素型の width 属性は非推奨とされていますが、 colgroup 要素では非推奨ではありません。 (他の表系要素型と同じく、 表のレンダリングにかかわる特殊事情によるものだと思われます。)

[7] この値の型は %MultiLength; (SGML 的には CDATA) です。

通常の %MultiLength; 型で認められる画素単位の整数値 (%Pixels; < %Length;)、 百分率値 (%Length;)、 相対長 (%MultiLength;) の他に、 特別に、 0* という指定ができます。

[8] 値 0* は、列の内容に必要な最小の幅を表します。 この指定があると、表のレンダリングのために列の内容をすべて知らなければならないので、 徐々にレンダリングすることが難しくなります。 HTML 4 仕様書は著者に注意を促しています。

col 要素 width 属性#✎

[10] col 要素の width 属性には、 列の幅を指定します。 (列の集合の幅ではないことに注意してください。 span 属性が 2 以上であっても、適用されるのはそれぞれの列に対してです。)

仕様書: HTML 4 IW:HTML4:"struct/tables.html#adef-width-COL"

[11] この属性は省略可能です。 省略した場合で、親 colgroup 要素があって、 そこに width 属性が指定されていれば、 その値が使われます。

HTML 4 では多くの要素型の width 属性は非推奨とされていますが、 col 要素では非推奨ではありません。 (他の表系要素型と同じく、 表のレンダリングにかかわる特殊事情によるものだと思われます。)

列幅#✎

[13] 仕様書: HTML 4 IW:HTML4:"struct/tables.html#column-width"

列幅の指定には 3 (+ 1) 通りの方法があります。

固定

画素単位による固定幅の指定。 width="30"

のような無単位数の指定がこれにあたります。 固定で指定されていれば、 表を最初の方から徐々に表示していくことができます。

百分率指定

百分率 (%) 単位による幅の指定。 width="30%" のような指定がこれに当たります。 この割合は表に利用できる空間 (左右の余白の間で、浮動 (float) を含む。) に対するものです。 この場合も最初の方から徐々に表示していくことができます。

可変幅

3* のような星印のついた指定です。 これは表に必要な空間に対するものです。 table 要素に width 属性が指定されている時には徐々に表示していくことができますが、 そうで無い場合には表のすべてのデータを読み終わらないと幅を決定できません。

無指定

列の幅の指定が無い場合、 表のすべてのデータが到着しないと適当な幅を決定できませんから、 徐々に表示することはできません。

UA は、表のレンダリング中にあるこまの表示に必要な幅が足りていない時には再描画してもかまいません。

[14]

<TABLE>
<COLGROUP>
   <COL width="30">
<COLGROUP>
   <COL width="30">
   <COL width="0*">
   <COL width="2*">
<COLGROUP align="center">
   <COL width="1*">
   <COL width="3*" align="char" char=":">
<THEAD>
<TR><TD> ...
...rows...
</TABLE>

たとえば、 HTML 4 仕様書にあるこの例では、 最初の2つの列の幅は何も考えずに決定できますが、 残りの列の幅はすべてのこまを読まないと決定できません。 3番目の列の幅は、 0* ですから、 必要な最小の幅です。残りの4つは内容に必要な幅を 2 : 1 : 3 の割合で取ります。

[15]

<TABLE width="200">
<COLGROUP span="10" width="15">
<COLGROUP width="*">
   <COL id="penultimate-column">
   <COL id="last-column">
<THEAD>
<TR><TD> ...
...rows...
</TABLE>

同じく HTML 4 仕様書にあるこの例は、 table 要素に width 属性があるので、 * の指定がありながらも表全体を読まずに列幅を決定できます。

この表には12個の列があって、最初の10列はそれぞれ15画素、 最後の2列は25画素ずつ使います。

(ちなみに、この例の col 要素は id を与えるためだけに存在しています。)

th 要素・td 要素 width 属性 (HTML, XHTML 1)#✎

[21] th 要素および td 要素の width 属性は、 視覚UA に対して推奨こま幅を指定します。

仕様書:

• HTML 4
  • th 要素 width 属性 IW:HTML4:"struct/tables.html#adef-width-TH"
  • A.1.3 Minor typographical errors that were corrected IW:HTML4:"appendix/changes.html#h-A.1.3"

<TD BACKGROUND="gradient.jpg" STYLE="background-repeat : repeat-x;" WIDTH="*" VALIGN="top">

メモ#✎

[26] 表や列の幅が固定長であっても、 cellspacing や cellpadding のために必要であれば、 UA は幅をその分ひろげてもかまいません (が、そうする必要はありません。) (IW:HTML4:"struct/tables.html#margins" を参照。)

代替#✎

[38] この属性は、 HTML 4 では個別の属性としては非推奨にされていませんが、 視覚表現に関わる属性はすべて非推奨と書かれている章 (13.7 Visual presentation of images, objects, and applets IW:HTML4:"struct/objects.html#visual") の中で規定されています。

[39] 画像や物体の幅はスタイル・シートで代替できます。 CSS では width 特性がこれにあたります。

属性値#✎

[36] この属性の値は %Length です。 SGML 的には CDATA です。

百分率値で指定されたときには、利用可能な水平幅の対する割合として解釈します。 (自然な画像・物体の幅に対してではありません。) ^{[HTML 4]}

[37] この属性は省略可能です。

応用#✎

[40] 物体が画像であるときには、指定された幅に合わせて拡大・縮小されます。 UA は、 物体や画像が width に一致するよう拡大・縮小に最善を尽くすべきです。 ^{[HTML 4]}

[41] width 属性が指定されていると、 UA は物体を取寄せる前に必要な領域を予約して残りの部分をレンダリングすることができます。 物体が到着しても全体ないし物体以後の部分をレンダリングし直さずに済みます。

回線や計算機の能力が貧弱だった時代には、 この理由から width や height を img 要素に指定することが好ましいと言われていたこともありました。

歴史#✎

[62] img 要素の width 属性は HTML 2.0 の拡張として Netscape Navigator が実装しました。

この属性は主として文書のレンダリングの高速化のために追加されたと説明されています。 この属性が指定されていると、画像の到着を待たずにレンダリングができるとされています。

メモ#✎

[42] width 属性が物理属性か論理属性か (Strict な文書で使用するべきかどうか) の問題は height 属性の説明を見てください。

[57] XHTML-Print http://www.w3.org/TR/2006/PR-xhtml-print-20060131/#s.4.1.2

<img height="20 mm" width="20 mm" alt="Example Image"
   src="data:image/jpeg;base64,aGh67Fghsapa0Hji7dfGSweTa . . . " />

いつから単位OKになったのでしょう? (名無しさん 2006-03-28 02:47:11 +00:00)

代替#✎

[30] この属性は HTML 4 で要素型ごと非推奨とされています。 object 要素型とスタイル・シートで代替できます。

属性値#✎

[31] この属性の値は %Length です。 SGML 的には CDATA です。 大文字・小文字は区別されません ^{[HTML 4]} 。 (区別しようにも大文字も小文字も使えないのですが。)

[32] この属性は必須です。省略できません。

他との関係#✎

[33] 姉妹属性 height (高さ) があります。

メモ#✎

属性値#✎

[45] この属性の値は %Length です。 SGML 的には CDATA です。

[46] この属性は省略可能です。

他との関係#✎

[47] 姉妹属性 height があります。

メモ#✎

代替#✎

[50] この属性は非推奨です HTML 4。 代わりに、スタイル・シートで指定できます。

属性値#✎

[51] この属性の値は %Length です。 SGML 的には CDATA です。 HTML 3.2, HTML 4

[52] この属性は省略可能です。省略時の既定値は 100% です。 (DTD 的には #IMPLIED) です。 HTML 3.2, HTML 4

歴史#✎

[61] hr 要素の size 属性は HTML 2.0 の拡張として Netscape Navigator で実装されました。

width 属性は、 水平線を画素の数か文書の幅に対する百分率値で指定するものとされていました。 width 属性が指定されなかった場合、 頁の幅と同じだけの幅になるとされていました。

[53] この属性は HTML 3.2 で最初に公式な HTML 仕様に導入され、 HTML 4 で非推奨とされました。

[54] HTML 2.0 では hr は幅一杯に引かれると規定されており、 width 属性の既定値 (>>52) と一致します。

HTML 2.0 は hr は 幅一杯 (full width) 、 HTML 3.2 は百分率値は左右余白間の割合、 HTML 4 は 100% はすなわち画布 (キャンバス) 全体 と述べています。他の要素との関係で、 100% であっても必ずしも画布一杯に線が引けるとは限りませんから、 HTML 4 の規定は不正確になっていると言えます。

メモ#✎