<li type>

リスト系要素 type 属性

リスト系要素 type 属性

ul 要素 type 属性 (HTML, XHTML 1)

[35] ul 要素の type 属性は、 順序付けられていない並びの項目の様式を指定します。

この属性は非推奨です。

仕様書: HTML 4 IW:HTML4:"struct/lists.html#adef-type-UL", IW:HTML4:"struct/lists.html#type-values"

[36] 属性値:

circle
小さな四角形の枠
disc
塗り潰した小さな円
square
小さな円の枠

これらはいずれも、視覚的 UA が表示しようと試みるべき (should) 形状を表しています。

[38] 既定値は並びの入れ子の深さに依存します。

多くの UA では、一番外側の並びの項目は disc とし、入れ子が深まるごとに circlesquare に変えています。

UA によっては、 HTML では指定できない種類の印 (たとえば *) が既定値として使われることがあります。

[37] HTML 4 のように NAMECASE GENERAL YESSGML宣言を持ち、列挙型として定義されている DTD を使った HTML文書では、大文字と小文字は区別されません。

XHTML のように NAMECASE GENERAL NO なときには大文字と小文字は区別されるので、小文字で記述しなければなりません。

従って、互換性のためにどんな場合でも小文字を使って書くのが望ましいと言えましょう。

HTML 4 や XHTML 1 のように列挙型で定義されている DTD を使った HTML 文書では、真の属性値の前後に空白を挿入できます。 しかし、互換性のためにそのようなものは入れない方が望ましいでしょう。

[39] この属性は非推奨であり、代わりに CSS なら list-type を使って指定することが望ましいとされています。

例:

ul > li {
  list-style-type: circle;
}

CSS や他のスタイル言語を使うと、 HTML では指定できない種々の並び項目印を使用することができます。

[50] disc の typo で disk としている解説本もあります。 (どうせほとんどのブラウザで既定値の disc の綴りを間違えても同じ結果で気づかなかったのでしょう。仕様書くらい読めよ。) (名無しさん)

[78] >>50 参考 Re: Wilbur and Cougar (Re: DOCTYPE and Comment) http://groups.google.com/groups?selm=E1xFs0.4Hv%40vega.aichi-u.ac.jp (名無しさん)

[80] EZwebWAP 2.0対応と称する端末では、discならlittlesquare2 (赤丸)、circleならlittlecircle1 (緑丸)、squareならmedsquare2 (桃正方形) が表示されるそうです。

歴史

[84] ul 要素type 属性HTML 2.0 の拡張として Netscape Navigator が実装しました。

元々 ul 要素内の各項目の前には、 入れ子の深さに応じて disc, circle, square の順で印がつくようになっていましたが、 type 属性により著者がいずれかを指定できるようになりました。

メモ

ol 要素 type 属性 (HTML, XHTML 1)

[40] ol 要素の type 属性は、 順序付けられていない並びの項目の様式を指定します。

この属性は非推奨です。

仕様書: HTML 4 IW:HTML4:"struct/lists.html#adef-type-OL", IW:HTML4:"struct/lists.html#type-values", IW:HTML4:"sgml/loosedtd.html#OLStyle"

[41] 属性値:

1
アラビア数字 (1, 2,...)
A
大文字字母 (A, B,...)
a
小文字字母 (a, b,...)
I
羅馬数字 (I, II,...)
i
羅馬数字 (i, ii,...)

大文字と小文字は当然区別されます。 SGML 的な型は CDATA です。

HTML 4 仕様書には CI (大文字・小文字を区別しない) と書かれていますが、 これは間違いです。仕様書の本文や DTD の注釈には正しく区別すると書かれています。

[42] この属性の既定値は決まっていないようです。

多くの UA は 1 を既定値にしているようです。 ul 要素とは違って入れ子になっても既定値には影響しないのがほとんどです。

多くの UA は数字 (どの種類でも。) の直後に . を入れ、 項目本文までに若干の間隔をおきます。また、 項目が二行以上にわたるときには数字〜間隔に相当する部分は間隔としています。 (list-style-position: outer)

多くの UA は羅馬数字の 4iiii ではなく iv のように表示します。 (914 なども同様。)

27 以上の大きな数についての規定は特になく、 UA によってばらばらです。 216 や 232 以上の数を正しく表示できない UA も多々あります。

[44] コピペしようとしたときの UA の挙動は色々です。 表示に即した文を copy する UA/場面もあれば、数字を # のような代替文字にして copy する UA/場面もあります。

(ここで場面とは、たとえば、並び全体を copy する場合と項目の一部を copy する場合で挙動が異なる UA もあるということです。)

[43] この属性は非推奨です。スタイル・シートを使って指定するべきであるとされています。 たとえば CSS では、 ol {list-style-type: lower-roman} のように指定できます。

[48] なお、この属性の指定は start 属性や li 要素の value 属性の指定には影響しません。

歴史

[82] ol 要素type 属性HTML 2.0 の拡張として Netscape Navigator が実装しました。

元々 ol 要素内の各項目の list-style-typedigit でしたが、 type 属性により 1, A, a, I, i を指定できるようになりました。

メモ

[88] Re: [WA1] <ol type=a> is semantic (Ian Hickson <ian@...> 著, 2007-11-08 02:00:22 +09:00 版) http://permalink.gmane.org/gmane.org.w3c.whatwg.discuss/12380 (名無しさん)

li 要素 type 属性 (HTML, XHTML 1)

[45] li 要素の type 属性は、 並びの項目の様式を指定します。

この属性は非推奨です。

仕様書: HTML 4 IW:HTML4:"struct/lists.html#adef-type-LI", IW:HTML4:"struct/lists.html#type-values", IW:HTML4:"sgml/loosedtd.html#OLStyle"

[46] HTML 4 仕様書本文にははっきり書かれていないのですが、 DTD の注釈 (参考) によれば、 ul 要素の type 属性に使える値または ol 要素の type 属性に使える値が使えます。

仕様書にも DTD にもはっきり書いてありませんが、 ul の子供の li では ul 用のみ、 ol の子供の li では ol 用のみが使えるはずです。大文字・小文字の区別もそれぞれそのままだと思われます。

やはり明記されていませんが、既定値は継承です。

[89] dir 要素menu 要素子供たる li 要素では value 属性は使われるべきではないと思われますが、 やはり HTML4 には明記されていません。

[47] この属性は非推奨です。スタイル・シートを使うべきです。 たとえば CSS では li {list-type-style: circle} のように指定できます。

[49] なお、この属性の指定は value 属性の指定方法には影響しません。

入れ子の並び要素や兄弟項目要素に影響するかどうかは特に規定されていません。 UA 依存でしょう。

[51] >>49 最初の一回の指定だけが有効な UA も過去にあったそうです。

[81] >>46 利用者エージェントによって、ul用でもol用でも指定できたり、できなかったりします。ul用には全種類指定できるのにolにはol用しか指定できないおかしな利用者エージェントもあるようです。

歴史

[83] li 要素type 属性HTML 2.0 の拡張として Netscape Navigator が実装しました。

ul 要素li 要素では ul 要素type 属性ol 要素li 要素では ol 要素type 属性と同じを指定できることになっていました。 指定した type はその li と以後の li に適用されることになっていました。

メモ

その他

[3] Match browsers for case-sensitivity of ol[type=a] selector · whatwg/html@9f367c1 ( 版) https://github.com/whatwg/html/commit/9f367c16064f3fc8557d9cf50859ec4656cc3c86

dir 要素 type 属性

[5] http://code.google.com/p/doctype/wiki/DirTypeAttribute

[6] http://www.nttdocomo.co.jp/service/imode/make/content/browser/html/tag/type4.html

[7] Editorial: use the s flag for matching ol/li's type attribute (annevk著, ) https://github.com/whatwg/html/commit/31334d781350bb2c97198df90012a44e665e86d6

[8] Case-sensitive matching for ol[type] attribute selectors should be extended to author CSS for use with @counter-style · Issue #4158 · whatwg/html () https://github.com/whatwg/html/issues/4158

[10] Use the s flag for matching ol/li's type attribute by annevk · Pull Request #4233 · whatwg/html () https://github.com/whatwg/html/pull/4233