PHP & JavaScript Room :: 設置サンプル

実行結果

  1. decimal-1
  2. decimal-2
  3. decimal-3
  1. decimal-leading-zero-1　※IE未対応
  2. decimal-leading-zero-2
  3. decimal-leading-zero-3
  1. lower-roman-1
  2. lower-roman-2
  3. lower-roman-3
  1. upper-roman-1
  2. upper-roman-2
  3. upper-roman-3
  1. lower-alpha-1
  2. lower-alpha-2
  3. lower-alpha-3
  1. upper-alpha-1
  2. upper-alpha-2
  3. upper-alpha-3
  1. lower-greek-1　※IE未対応
  2. lower-greek-2
  3. lower-greek-3
  1. lower-latin-1　※IE未対応
  2. lower-latin-2
  3. lower-latin-3
  1. upper-latin-1　※IE未対応
  2. upper-latin-2
  3. upper-latin-3
  1. hebrew-1　※IE未対応
  2. hebrew-2
  3. hebrew-3
  1. armenian-1　※IE未対応
  2. armenian-2
  3. armenian-3
  1. gerorgian-1　※IE未対応
  2. gerorgian-2
  3. gerorgian-3
  1. cjk-ideographic-1　※IE未対応
  2. cjk-ideographic-2
  3. cjk-ideographic-3
  1. hiragana-1　※IE未対応
  2. hiragana-2
  3. hiragana-3
  1. katakana-1　※IE未対応
  2. katakana-2
  3. katakana-3
  1. hiragana-iroha-1　※IE未対応
  2. hiragana-iroha-2
  3. hiragana-iroha-3
  1. katakana-iroha-1　※IE未対応
  2. katakana-iroha-2
  3. katakana-iroha-3

ソース

<style type="text/css">
    div#list_ol ul { 
        margin-left:20px; padding-left:0;
    }
</style>

<div id="list_ol">
    <ol style="list-style-type:decimal;">
        <li>decimal-1</li>
        <li>decimal-2</li>
        <li>decimal-3</li>
    </ol>
    <hr />
    <ol style="list-style-type:decimal-leading-zero;">
        <li>decimal-leading-zero-1　※IE未対応</li>
        <li>decimal-leading-zero-2</li>
        <li>decimal-leading-zero-3</li>
    </ol>
    <hr />
    <ol style="list-style-type:lower-roman;">
        <li>lower-roman-1</li>
        <li>lower-roman-2</li>
        <li>lower-roman-3</li>
    </ol>
    <hr />
    <ol style="list-style-type:upper-roman;">
        <li>upper-roman-1</li>
        <li>upper-roman-2</li>
        <li>upper-roman-3</li>
    </ol>
    <hr />
    <ol style="list-style-type:lower-alpha;">
        <li>lower-alpha-1</li>
        <li>lower-alpha-2</li>
        <li>lower-alpha-3</li>
    </ol>
    <hr />
    <ol style="list-style-type:upper-alpha;">
        <li>upper-alpha-1</li>
        <li>upper-alpha-2</li>
        <li>upper-alpha-3</li>
    </ol>
    <hr />
    <ol style="list-style-type:lower-greek;">
        <li>lower-greek-1　※IE未対応</li>
        <li>lower-greek-2</li>
        <li>lower-greek-3</li>
    </ol>
    <hr />
    <ol style="list-style-type:lower-latin;">
        <li>lower-latin-1　※IE未対応</li>
        <li>lower-latin-2</li>
        <li>lower-latin-3</li>
    </ol>
    <hr />
    <ol style="list-style-type:upper-latin;">
        <li>upper-latin-1　※IE未対応</li>
        <li>upper-latin-2</li>
        <li>upper-latin-3</li>
    </ol>
    <hr />
    <ol style="list-style-type:hebrew;">
        <li>hebrew-1　※IE未対応</li>
        <li>hebrew-2</li>
        <li>hebrew-3</li>
    </ol>
    <hr />
    <ol style="list-style-type:armenian;">
        <li>armenian-1　※IE未対応</li>
        <li>armenian-2</li>
        <li>armenian-3</li>
    </ol>
    <hr />
    <ol style="list-style-type:gerorgian;">
        <li>gerorgian-1　※IE未対応</li>
        <li>gerorgian-2</li>
        <li>gerorgian-3</li>
    </ol>
    <hr />
    <ol style="list-style-type:cjk-ideographic;">
        <li>cjk-ideographic-1　※IE未対応</li>
        <li>cjk-ideographic-2</li>
        <li>cjk-ideographic-3</li>
    </ol>
    <hr />
    <ol style="list-style-type:hiragana;">
        <li>hiragana-1　※IE未対応</li>
        <li>hiragana-2</li>
        <li>hiragana-3</li>
    </ol>
    <hr />
    <ol style="list-style-type:katakana;">
        <li>katakana-1　※IE未対応</li>
        <li>katakana-2</li>
        <li>katakana-3</li>
    </ol>
    <hr />
    <ol style="list-style-type:hiragana-iroha;">
        <li>hiragana-iroha-1　※IE未対応</li>
        <li>hiragana-iroha-2</li>
        <li>hiragana-iroha-3</li>
    </ol>
    <hr />
    <ol style="list-style-type:katakana-iroha;">
        <li>katakana-iroha-1　※IE未対応</li>
        <li>katakana-iroha-2</li>
        <li>katakana-iroha-3</li>
    </ol>
</div>

polarized women