順不同リストのリストマーカー位置をスタイルシートで指定

順不同リスト（ul）のリストマーカーの位置を、スタイルシート（CSS）で指定する方法。

順不同リストとは、下記のようなリストタグのこと。

リストマーカーの位置を指定するには、list-style-position プロパティを使う。

概要

list-style-position: ***;
***には、inside、outside のいずれかを入れる。
初期設定値:outside
list-style-position は、CSS 1 で定義されたプロパティ。
inside、outside ともに、CSS 1 で定義された値。

inside

リストマーカーをリストボックス領域の内側に表示する。

outside

リストマーカーをリストボックス領域の外側に表示する。

応用例

リストマーカーをリストボックス領域の内側に表示し、左側のマージンをなくす。