WEB技術の辞書・解説・使用例

TOP > CSS >  CSS辞典 > list-style-position
list-style-position  リスト 

リストのマーカーの表示位置を指定。

このエントリーをはてなブックマークに追加

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>

  • あいうえお
  • かきくけこ