list-styleのテスト

<style>
<!--
  ul {list-style-type:circle;list-style-position:outside}
  ul ul {list-style-type:square;list-style-position:inside}
  ul ul ul {list-style-image:url(listimg.gif);list-style-position:inside}
  ol {list-style:upper-roman inside}
  ol ol {list-style:lower-alpha outside}
  ol ol ol {list-style:url(listimg.gif) outside}
-->
</style>

• （記号付き１） ラベル形状には白丸○が付く。ラベルの配置位置は文書枠の外に表示される。配置位置の指定（list-style-position）はIE4のみ対応
  • （記号付き２）ラベル形状には黒四角■が付く。ラベルの配置位置は文書枠の内に表示される。
    • （記号付き３）ラベル形状にはGIF画像が付く。ラベルの配置位置は文書枠の内に表示される
    • （記号付き３）
    • （記号付き３）
  • （記号付き２）
  • （記号付き２）
• （記号付き１）
• （記号付き１）

1. （番号付き１）番号には＜upper-roman＞･･･数字（�T,�U,�V...)が付く。番号の配置位置は文書枠の内に表示される。
   1. （番号付き２）番号には＜lower-alpha＞･･･英字（a,b,c...）が付く。番号の配置位置は文書枠の外に表示される。
      1. （番号付き３）番号の変わりにGIF画像を表示する。表示位置は文書枠の外になる。
      2. 番号付き３
      3. 番号付き３
      4. 番号付き３
   2. 番号付き２
2. 番号付き１
3. 番号付き１

（動作結果）

・画像は，配置を＜outside＞にしても＜inside＞と同じ表示になる。
・画像を設定すると，入れ子タグ内も全て画像になってしまう。
  たとえ＜ist-style-type＞で別の形状を指定しても...。
・FrontPage98のEditorでは正常に表示できず。

END