リストマーカーの位置を指定する

list-style-position

{ list-style-position リスト・スタイル・ポジション : 位置; }

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

初期値 outside
継承 あり
適用される要素 リストアイテム要素
モジュール CSS Lists and Counter Module

値の指定方法

位置

inside リストマーカーはボックスの内側に表示されます。
outside リストマーカーはボックスの外側に表示されます。

サンプルコード

li{background-color: yellow; }
.us{list-style-position: outside; }
.is{list-style-position: inside; }