|
HTML HTML5 HTMLタグ スマートフォン |
CSS CSSプロパティ CSS・HTML便利ツール |
HTML色見本 配色組み合わせツール 特殊文字 |
JAVA Android |
PHP Smarty修飾子 EXCEL |
WEB技術の辞書・解説・使用例
list-style-positionプロパティは、リストの先頭に表示するマーカーの表示位置を指定する際に使用します。
パラメーター
outsideマーカーをリスト内容の外側に表示。
insideマーカーをリスト内容の内側に表示。
サンプルコード
●指定なし<ul style="list-style-image: url('/img/arrow_circle.gif');">
<li>あいうえお</li>
<li>かきくけこ</li>
</ul>
- あいうえお
- かきくけこ
●outsideを指定
<ul style="list-style-image:url('/img/arrow_circle.gif');list-style-position:outside;">
<li>あいうえお</li>
<li>かきくけこ</li>
</ul>
- あいうえお
- かきくけこ
●insideを指定
<ul style="list-style-image:url('/img/arrow_circle.gif');list-style-position:inside;">
<li>あいうえお</li>
<li>かきくけこ</li>
</ul>
- あいうえお
- かきくけこ