HTML & CSS

最終更新日:
公開日:

リファレンス

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

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

ありがとうございます。
もしよろしければ、あわせてフィードバックや要望などをご入力ください。

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