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

実行結果

  • あいうえおかきくけこさしすせそたちつてとなにぬねのたちつてとなにぬねのはひふへほまみむめも
  • あいうえおかきくけこさしすせそたちつてとなにぬねのたちつてとなにぬねのはひふへほまみむめも
    • あいうえおかきくけこさしすせそたちつてとなにぬねのたちつてとなにぬねのはひふへほまみむめも
    • あいうえおかきくけこさしすせそたちつてとなにぬねのたちつてとなにぬねのはひふへほまみむめも

ソース

<style type="text/css">
    ul.ul2 {    /* 親要素 */
        width:300px;
        margin:0 0 0 30px; padding:0;
        list-style-image:url(/content/img/icon/gray/diamonds_1.gif);  /* リストマークに画像を指定 */
    }
    ul.ul2 li ul { /* 子要素(入れ子のリスト)*/
        margin:5px 0 0 20px; padding:0;
        /* 
            list-style-imageプロパティは子要素に継承されるため、
            子要素のリストマーク画像を無効にするには、
            list--style-image:noneを指定する。
        */
        list-style-image:none;
    }
    ul.ul2 li {
        margin:0 0 5px 0; padding:0;
    }
</style>

<ul class="ul2">
    <li>あいうえおかきくけこさしすせそたちつてとなにぬねのたちつてとなにぬねのはひふへほまみむめも</li>
    <li>あいうえおかきくけこさしすせそたちつてとなにぬねのたちつてとなにぬねのはひふへほまみむめも
        <ul>
            <li>あいうえおかきくけこさしすせそたちつてとなにぬねのたちつてとなにぬねのはひふへほまみむめも</li>
            <li>あいうえおかきくけこさしすせそたちつてとなにぬねのたちつてとなにぬねのはひふへほまみむめも</li>
        </ul>
    </li>
</ul>

polarized women