list-style-positionプロパティ

値

次のような値を設定することができます。

• inside – ul要素の内側にリストアイコンを表示
• outside – ul要素の外側にリストアイコンを表示

パターン1

「inside」を指定した例です。ul要素の領域内にリストアイコンを表示します。

CSSコード例

ul {
	list-style-position: inside;
}

表示例：

パターン2

「outside」を指定した例です。ul要素の領域よりも外にリストアイコンを表示します。

CSSコード例

ul {
	list-style-position: outside;
}

表示例：

こちらの記事は役に立ちましたか？

コメントありがとうございます！
運営の参考にさせていただきます。