順序リストのリスト番号の位置をスタイルシートで指定

順序リスト（ol）のリスト番号の位置を、スタイルシート（CSS）で指定する方法。

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

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

概要

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

inside

リスト番号をリストボックス領域の内側に表示する。

outside

リスト番号をリストボックス領域の外側に表示する。

応用例

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