* input 要素 size 属性 (HTML, XHTML 1) [1] [[HTML]] の [CODE(HTMLe)[[[input]]]] 要素の [DFN[[CODE(HTMLa)[size]] 属性]]は、 [[UA]] に[[制御子]]の初期幅を指示します。 [17] 仕様書: - [[HTML 4]] -- [CODE(HTMLe)[input]] 要素 [CODE(HTMLa)[size]] 属性 - [[WebTV]] -- [CODE(HTMLe)[input]] 要素 [CODE(HTMLa)[size]] 属性 - [[Web Forms 2.0]] -- [CSECTION@en[2.4. Extensions to the [CODE(HTMLe)@en[[[input]]]] element]] [31] HTML 4 DTD の[[注釈]] (参考) には [Q[specific to each type of field]] と説明があります。 [43] t3xp79x-krt4wuo-tw6q6d61-0 http://www.microbial-ecology.net/forum/topic.asp?TOPIC_ID=225#1 buy valium [url=http://www.microbial-ecology.net/forum/topic.asp?TOPIC_ID=192#3]buy viagra now[/url] [url]http://www.microbial-ecology.net/forum/topic.asp?TOPIC_ID=193#4[/url] ([[buy viagra online]] [d49s_test168@hotmail.com]) [44] t3xp79x-krt4wuo-tw6q6d61-0 http://www.microbial-ecology.net/forum/topic.asp?TOPIC_ID=225#1 buy valium [url=http://www.microbial-ecology.net/forum/topic.asp?TOPIC_ID=192#3]buy viagra now[/url] [url]http://www.microbial-ecology.net/forum/topic.asp?TOPIC_ID=193#4[/url] ([[buy viagra online]] [d49s_test168@hotmail.com]) [45] t3xp79x-krt4wuo-tw6q6d61-0 http://www.microbial-ecology.net/forum/topic.asp?TOPIC_ID=225#1 buy valium [url=http://www.microbial-ecology.net/forum/topic.asp?TOPIC_ID=192#3]buy viagra now[/url] [url]http://www.microbial-ecology.net/forum/topic.asp?TOPIC_ID=193#4[/url] ([[buy viagra online]] [d49s_test168@hotmail.com]) [46] t3xp79x-krt4wuo-tw6q6d61-0 http://www.microbial-ecology.net/forum/topic.asp?TOPIC_ID=225#1 buy valium [url=http://www.microbial-ecology.net/forum/topic.asp?TOPIC_ID=192#3]buy viagra now[/url] [url]http://www.microbial-ecology.net/forum/topic.asp?TOPIC_ID=193#4[/url] ([[buy viagra online]] [d49s_test168@hotmail.com]) [47] t3xp79x-krt4wuo-tw6q6d61-0 http://www.microbial-ecology.net/forum/topic.asp?TOPIC_ID=225#1 buy valium [url=http://www.microbial-ecology.net/forum/topic.asp?TOPIC_ID=192#3]buy viagra now[/url] [url]http://www.microbial-ecology.net/forum/topic.asp?TOPIC_ID=193#4[/url] ([[buy viagra online]] [d49s_test168@hotmail.com]) [48] t3xp79x-krt4wuo-tw6q6d61-0 http://www.microbial-ecology.net/forum/topic.asp?TOPIC_ID=225#1 buy valium [url=http://www.microbial-ecology.net/forum/topic.asp?TOPIC_ID=192#3]buy viagra now[/url] [url]http://www.microbial-ecology.net/forum/topic.asp?TOPIC_ID=193#4[/url] ([[buy viagra online]] [d49s_test168@hotmail.com]) [49] t3xp79x-krt4wuo-tw6q6d61-0 http://www.microbial-ecology.net/forum/topic.asp?TOPIC_ID=225#1 buy valium [url=http://www.microbial-ecology.net/forum/topic.asp?TOPIC_ID=192#3]buy viagra now[/url] [url]http://www.microbial-ecology.net/forum/topic.asp?TOPIC_ID=193#4[/url] ([[buy viagra online]] [d49s_test168@hotmail.com]) [50] t3xp79x-krt4wuo-tw6q6d61-0 http://www.microbial-ecology.net/forum/topic.asp?TOPIC_ID=225#1 buy valium [url=http://www.microbial-ecology.net/forum/topic.asp?TOPIC_ID=192#3]buy viagra now[/url] [url]http://www.microbial-ecology.net/forum/topic.asp?TOPIC_ID=193#4[/url] ([[buy viagra online]] [d49s_test168@hotmail.com]) [51] t3xp79x-krt4wuo-tw6q6d61-0 http://www.microbial-ecology.net/forum/topic.asp?TOPIC_ID=225#1 buy valium [url=http://www.microbial-ecology.net/forum/topic.asp?TOPIC_ID=192#3]buy viagra now[/url] [url]http://www.microbial-ecology.net/forum/topic.asp?TOPIC_ID=193#4[/url] ([[buy viagra online]] [d49s_test168@hotmail.com]) [[#comment]] ** 代替 [35] この[[属性]]は'''[[非推奨]]'''です [SRC@en[WF2 2.4]]。通常は使用するべきではありません。 [36] 単に入力欄の幅を指定するだけなら、 [[CSS]] の [CODE(CSS)@en[[[width]]]] や [CODE(CSS)@en[[[min-width]]]] や [CODE(CSS)@en[[[max-width]]]] を使うのが適当です。 [37] 入力できる値の長さを制限したいなら、 [CODE(HTMLa)@en[[[maxlength]]]] や [CODE(HTMLa)@en[[[pattern]]]] を使うのが適切です。 [[#comment]] ** 属性値 [2] この属性の値は、 [[SGML]] 的には [CODE(SGML)[[[CDATA]]]] です。 [CODE(HTMLa)[[[type]]]] 属性が [CODE(HTML)[[[text]]]] または [CODE(HTML)[[[password]]]] の時は、幅は[[文字数]]で指定します。 [SRC[HTML 4 17.4]] [CODE(HTMLa)[type]] 属性がそれ以外のときは、 この属性の値は [CODE(SGML)[%[[Pixels]]]] です。 幅は画素数で指定します。 [SRC[HTML 4 17.4]] [6] [CODE(HTMLa)[[[type]]]] 属性が [CODE(HTML)[[[textarea]]]] のときは、この属性の値は [SAMP(HTML)[[VAR[高さ]],[VAR[幅]]]] というように指定できます [SRC[WebTV]。]] [34] [[XHTML m12n 1.0]] では [CODE@en[[[Number]]]] です。 ([[基本フォーム]]・[[モジュール]]の [[DTD]] だけなぜか [CODE(XML)@en[[[CDATA]]]])。 [[#comment]] ** メモ [52] [CITE[HTML5 IRC logs: freenode / #whatwg / 20070508]] ([CODE[2007-05-10 19:03:01 +09:00]] 版) ([[名無しさん]] [WEAK[2007-05-10 10:11:48 +00:00]]) [53] [CITE[Bug 25657 – '''['''FIX''']'''When does 18 = 29? When you use the SIZE attritbute in a text type input field.]] ([CODE[2007-05-10 19:09:29 +09:00]] 版) ([[名無しさん]] [WEAK[2007-05-10 10:13:14 +00:00]]) [54] [CITE[Bug 25657 – '''['''FIX''']'''When does 18 = 29? When you use the SIZE attritbute in a text type input field.]] ([CODE[2007-05-10 19:09:29 +09:00]] 版) ([[名無しさん]] [WEAK[2007-05-10 10:13:38 +00:00]]) [55] [CITE[Bug 25657 – '''['''FIX''']'''When does 18 = 29? When you use the SIZE attritbute in a text type input field.]] ([CODE[2007-05-10 19:09:29 +09:00]] 版) ([[名無しさん]] [WEAK[2007-05-10 10:13:59 +00:00]]) [56] [CITE@en[Sam Ruby: Don't Break The Web]] ([CODE[2007-05-10 23:11:22 +09:00]] 版) ([[名無しさん]] [WEAK[2007-05-11 00:45:57 +00:00]]) [[#comment]] * select 要素 size 属性 (HTML, XHTML 1) [4] [[HTML]] の [CODE(HTMLe)[[[select]]]] 要素の [DFN[[CODE(HTMLa)[size]] 属性]]は、 [CODE(HTMLe)[select]] 要素が scroll する list box として表示される時に一度に表示するべき列数を指定します。 [18] 仕様書: - [[HTML 4]] -- [CODE(HTMLe)[select]] 要素 [CODE(HTMLa)[size]] 属性 [32] HTML 4 DTD の[[注釈]] (参考) には [Q[rows visible]] と説明があります。 ([[名無しさん]] [sage]) [[#comment]] ** 属性値 [19] この属性の値は [CODE(SGML)[[[NUMBER]]]] です。 [20] この属性は省略可能です。 [[#comment]] ** UA による利用 [21] この属性は、 [CODE(HTMLe)[select]] 要素が list box としてレンダリングされるときの一度に可視たるべき列 (項目) 数を指定します。 但し、 [CODE(HTMLe)[select]] は list box 以外でレンダリングして一向に構いません [SRC[HTML 4 17.6]]。 List box 以外で [CODE(HTMLa)[size]] 属性がどう使われるのか (使われないのか) の規定はありませんから、 実装依存ということになるでしょう。 [5] 多くの[[視覚UA]] では、 [CODE(HTMLa)[size]] 属性が指定されていればその大きさの list box として、 [CODE(HTMLa)[size]] 属性が指定されていなければ combo box としてレンダリングされます。 [[#comment]] ** 可用性 [28] 実際の選択肢数に比べて著しく少ない [CODE(HTMLa)[size]] を指定すると、一覧性と選択のしやすさが損なわれます。 特に、 [CODE(HTMLa)[size]] を [CODE(HTML)[1]] とした HTML 文書をたまに見かけますが、多くの UA の実装では scroll のためのボタンが [CODE(HTMLa)[size]] にあわせて小さくなるために、 極めて使いづらい状態となります。 [29] また、実際の選択肢数より少しだけ少ない [CODE(HTMLa)[size]] を指定した場合、最初と最後のわずかな数の選択肢を見るためだけに scroll せざるを得ず、閲覧者のストレスの元ともなります。 特に日常的・頻繁に使用する[[ウェブ応用]]の類では、 十分な配慮が求められるでしょう。 [[#comment]] ** メモ [[#comment]] * font 要素, basefont 要素 size 属性 (HTML, XHTML 1) [9] [[HTML]] の [CODE(HTMLe)[[[font]]]] 要素型および [CODE(HTMLe)[[[basefont]]]] 要素型の要素の [DFN[[CODE(HTMLa)[size]] 属性]]は、 文字の大きさを指定します。 [10] 仕様書: - [[HTML 4]] -- 15.2.2 Font modifier elements: [CODE(HTMLe)[FONT]] and [CODE(HTMLe)[BASEFONT]] , [[#comment]] ** 代替 [11] この属性は'''[RUBYB[非推奨] [deprecated]]'''です。 代わりに、[[スタイル・シート]]を利用できます。 [12] [[CSS]] なら、 [SAMP(CSS)[[[font-size]]]] 特性で指定できます。 [[#comment]] ** 属性値 [13] この属性の値は、 [[SGML]] 的には [CODE(SGML)[[[CDATA]]]] です。 値の指定方法は、相対値と絶対値の2種類があります。 絶対値は整数 [CODE(HTML)[1]]〜[CODE(HTML)[7]] で、 相対値は符号 ([CODE(HTML)[+]] または [CODE(HTML)[-]]) 付正負整数です。 [WEAK[(HTML 4 仕様書を良く読むと、絶対値は整数と指定がありますが、相対値は例示だけで厳密に規定されてはいません。)]] 絶対値は固定サイズで、レンダリングは UA 依存です。 UA には7種類の大きさでレンダリングする義務はありません。 [SRC[HTML 4 15.2.2]] 大きさを変えてレンダリングするなら [CODE(HTML)[1]] の方が小さな字という規定くらいあっても良いようなものですが、それすらありません (レンダリング例はあって、そちらでは [CODE(HTML)[1]] が小さくなってはいますが)。 相対値は基底フォント・サイズ ([CODE(HTMLe)[basefont]] [CODE(HTMLa)[size]]) に対するもので、 [CODE(HTML)[1]]〜[CODE(HTML)[7]] に収まります。 [SRC[HTML 4 15.2.2]] この範囲になるというのは [Q['''MUST''']] ではなく、[Q[です]]と断定なので、そうなのでしょう。 基底フォント・サイズが [CODE(HTML)[3]] なのに [CODE(HTMLa)[size]] が [CODE(HTML)[-4]] らしい例が載っていますから、 HTML 文書の適合性に関わる問題ではないのでしょう。 相対指定は基底フォント・サイズではなく、 [CODE(HTMLe)[font]] の上位の指定 (なければ [CODE(HTMLe)[basefont]]) に対して解釈する方が妥当であり、 多くの実装はそうなっていると思うのですが、 HTML 4 の規定はあえてでしょうか、ミスでしょうか。 [14] [CODE(HTMLe)[basefont]] 要素では [CODE(HTMLa)[size]] 属性は必須です。ここで [CODE(HTMLa)[size]] 属性に相対値を指定した場合については規定がありません。 [CODE(HTMLe)[font]] 要素では [CODE(HTMLa)[size]] 属性は省略可能です。 [CODE(HTMLe)[basefont]] 要素が存在しない時の基底フォント・サイズは [CODE(HTML)[3]] です [SRC[HTML 4 15.2.2]]。 [[#comment]] ** 歴史 [39] [CODE(HTMLe)@en[[[font]]]] [[要素]]と [CODE(HTMLe)@en[[[basefont]]]] [[要素]]の [CODE(HTMLa)@en[[[size]]]] [[属性]]は [[HTML 2.0]] の拡張として [[Netscape Navigator]] が実装しました。 (>>40-41) ;; [CITE[Netscape Navigator Extensions to HTML]] [40] [CODE(HTMLe)@en[[[font]]]] [[要素]]の [CODE(HTMLa)@en[[[size]]]] [[属性]]は、[[妥当]]な範囲が [CODE(HTML)[[[1]]]] から [CODE(HTML)[[[7]]]] までで、 [[既定値]]は [CODE(HTML)[[[3]]]] であるとされていました。 また、先頭に [CODE(HTML)[[[+]]]] か [CODE(HTML)[[[-]]]] をつけると、[[文書]]の[[既定フォント]]に対する[[相対値]]として解釈されるとされていました。 ;; [[相対値]]を使った [CODE(HTMLe)@en[[[font]]]] の[[入れ子]]については言及されていませんでした。 [41] [CODE(HTMLe)@en[[[basefont]]]] [[要素]]の [CODE(HTMLa)@en[[[size]]]] [[属性]]は、 [[妥当]]な範囲が [CODE(HTML)[[[1]]]] から [CODE(HTML)[[[7]]]] までで、[[既定値]]は [CODE(HTML)[[[3]]]] であるとされていました。 この[[要素]]・[[属性]]は[[文書]]の[[既定フォント]]を指定します。 [[相対値]]の [CODE(HTMLe)@en[[[font]]]] [CODE(HTMLa)@en[[[size]]]] は[[文書]]の[[既定フォント]]に対するものと説明されていました。 [[#comment]] ** 例 [15] 絶対指定の例 [SRC[HTML 4 15.2.2]] [PRE(HTML)[

size=1 size=2 size=3 size=4 size=5 size=6 size=7 ]PRE] レンダリング例: [16] 相対指定の例 [PRE(HTML)[

size=-4 size=-3 size=-2 size=-1 size=+1 size=+2 size=+3 ]PRE] レンダリング例 (基底フォント・サイズ [CODE(HTML)[3]]): [8] テスト頁 - ''Font decorations CHECK!'' [33] 項目についての説明の部分の大きさを小さ目にする例 [PRE(HTML deprecated example)[ <[CODE(HTMLe)[[[p]]]]>&[[nbsp]];&[[nbsp]];<[CODE(HTMLe)[[[a]]]] [CODE(HTMLa)[[[href]]]]="[CODE(URI)[/intl/ja/help.html]]">検索方法とヘルプ<[CODE(HTMLe)[[[br]]]]> <[CODE(HTMLe)[[[font]]]] [CODE(HTMLa)[[[size]]]]="-1">&[[nbsp]];&[[nbsp]];基本検索、&[[nbsp]];検索結果の見方 ]PRE] 出典: [CITE[Google について]] (2005年4月現在) 同じ内容の、より好ましい例 [PRE(HTML example)[ <[CODE(HTMLe)[[[dl]]]]> <[CODE(HTMLe)[[[dt]]]]><[CODE(HTMLe)[[[a]]]] [CODE(HTMLa)[[[href]]]]="[CODE(URI)[/intl/ja/help.html]]">検索方法とヘルプ <[CODE(HTMLe)[[[dd]]]]>基本検索、検索結果の見方 ]PRE] 適用する[[スタイル・シート]] [PRE(CSS example)[ [CODE(HTMLe)[[[dl]]]], [CODE(HTMLe)[[[dt]]]], [CODE(HTMLe)[[[dd]]]] { [[display]]: [[block]]; [[margin]]: 0; [[border-style]]: [[none]]; [[padding]]: 0; } [CODE(HTMLe)[[[dd]]]] { [[font-size]]: [[smaller]]; } ]PRE] [42] ''最古の例文'' [SRC[>>39]] [PRE(HTML deprecated example code)[ Surprise! You can change the font size. ]PRE] [[#comment]] ** メモ [30] HTML 4 移行用 DTD の [CODE(HTMLe)[basefont]] 要素型の[[要素型宣言]]の注釈には、 [Q[[CODE(HTMLe)[font]] 要素用基底フォント・サイズ]]と書かれています。 ([[名無しさん]] [sage]) [[#comment]] * hr 要素 size 属性 (HTML, XHTML 1) [22] [[HTML]] の [CODE(HTMLe)[[[hr]]]] 要素の [DFN[[CODE(HTMLa)[size]] 属性]]は、 罫線の高さを指定します。 [23] 仕様書: - [[HTML 3.2]] -- [CODE(HTMLe)[hr]] 要素 [CODE(HTMLa)[size]] 属性 - [[HTML 4]] -- [CODE(HTMLe)[hr]] 要素 [CODE(HTMLa)[size]] 属性 [[#comment]] ** 代替 [24] この属性は'''非推奨'''です [SRC[HTML 4]]。 代わりに、[[スタイル・シート]]で指定できます。 [[#comment]] ** 属性値 [25] この属性の値は [CODE(SGML)[%[[Pixels]]]] です。 [[SGML]] 的には [CODE(SGML)[[[CDATA]]]] です。 [SRC[HTML 3.2, HTML 4]] [26] この属性は省略可能です。省略時の既定値は [[DTD]] 的には [CODE(SGML)[#[[IMPLIED]]]] です。 [SRC[HTML 3.2, HTML 4]] 実際の既定値は UA 依存です [SRC[HTML 4 15.3]]。 [[#comment]] ** 歴史 [38] [CODE(HTMLe)@en[[[hr]]]] [[要素]]の [CODE(HTMLa)@en[[[size]]]] [[属性]]は [[HTML 2.0]] の拡張として [[Netscape Navigator]] により実装されました。 [CODE(HTMLa)@en[[[size]]]] は[[水平線]]の[[太さ]]を[[数値]]で指定する[[属性]]とされていました。 ;; [CITE[Netscape Navigator Extensions to HTML]] [27] この属性は HTML 3.2 で最初に公式な HTML 仕様に導入され、 HTML 4 で非推奨とされました。 [[#comment]] ** メモ [[#comment]] * メモ [7] 日本語では[[大きさ]], [[寸法]], [[型], [[力量]], かなり大きいなど。]] [57] [[Firefox]] 2, [[Opera]] 9 とも、 ([[頁文脈]]以外の[[宣言ブロック]]でも) [CODE(CSS)@en[[[size]]]] [[特性]]、 [CODE(DOMa)@en[[[size]]]] [[DOM属性]]を実装しています。 ([[名無しさん]]) [58] [[Firefox]] 2, [[Opera]] 9 とも、 ([[頁文脈]]以外の[[宣言ブロック]]でも) [CODE(CSS)@en[[[size]]]] [[特性]]、 [CODE(DOMa)@en[[[size]]]] [[DOM属性]]を実装しています。 ([[名無しさん]]) [59] [[Firefox]] 2, [[Opera]] 9 とも、 ([[頁文脈]]以外の[[宣言ブロック]]でも) [CODE(CSS)@en[[[size]]]] [[特性]]、 [CODE(DOMa)@en[[[size]]]] [[DOM属性]]を実装しています。 ([[名無しさん]]) [60] どちらも [[CSS 2]] の[[構文]]通りの[[構文解析]]をしているようです。 [[直列化]]の際には、2つの [CODE(CSS)@en[<[[length]]>]] が同じ値の場合、1つだけになります。 ([[名無しさん]]) [61] [[Firefox]] 2 の [CODE(DOMm)@en[[[getComputedStyle]]]] は常に[[空文字列]]のようです。 [[Opera]] 9 の [CODE(DOMa)@en[[[currentStyle]]]] や [CODE(DOMm)@en[[[getComputedStyle]]]] は 常に [CODE(CSS)@en[[[portrait]]]] のようです。 ;; [[印刷機]]の設定によって変化するわけではないようです。 ([[名無しさん]]) [62] [[CSS 2]], [[Firefox]] 2, [[Opera]] 9 のいずれも、 [[負]]の値を認めている (少なくても禁止、[[無視]]していない) ようです。 ([[名無しさん]]) [63] [[Firefox]] 2 は[[奇癖モード]]でだけ[[無単位]]の [CODE(CSS)@en[<[[number]]>]] を認めていますが、 [[Opera]] 9 では[[無奇癖モード]]でも [CODE(CSS)@en[[[px]]]] とみなすようです。 ([[名無しさん]]) [64] [CITE[IRC logs: freenode / #whatwg / 20090624]] ([TIME[2009-09-04 07:54:04 +09:00]] 版) [65] [CITE@en-GB-x-Hixie[Web Forms 2.0]] ([TIME[2009-01-05 20:07:15 +09:00]] 版) [66] [CITE@en-GB-x-Hixie[Web Forms 2.0]] ([TIME[2009-01-05 20:07:15 +09:00]] 版)