最終更新日:
公開日:
リファレンス
CSS
リスト スタイル ポジション
list-style-positionプロパティ
リストアイコンの表示位置を指定するプロパティです。
-
初期値
outside
-
継承
継承あり
-
適用できる要素
リストアイテム要素
値
次のような値を設定することができます。
- inside – ul要素の内側にリストアイコンを表示
- outside – ul要素の外側にリストアイコンを表示
パターン1
「inside」を指定した例です。ul要素の領域内にリストアイコンを表示します。
CSSコード例
ul {
list-style-position: inside;
}
- リスト1
- リスト2
- リスト3
パターン2
「outside」を指定した例です。ul要素の領域よりも外にリストアイコンを表示します。
CSSコード例
ul {
list-style-position: outside;
}
- リスト1
- リスト2
- リスト3