CSSリストスタイルポジション属性

定義と使用方法

listStylePosition 属性がリストアイテムのマークの配置場所を設定します。

説明

この属性は、リストアイコンがリストアイテムの内容に対してどの位置にあるかを宣言するために使用されます。外部（outside）アイコンは、リストアイテムのエッジからある程度の距離に配置されますが、その距離は CSS では定義されていません。内部（inside）アイコンは、リストアイテムの内容の前に挿入された行内要素のように処理されます。

参照もしくは関連する項目：

CSS チュートリアル：CSS リスト

CSS リファレンスマニュアル：CSSリストスタイル属性

HTML DOM リファレンスマニュアル：listStylePosition 属性

例

リスト内のリスト項目のマークの位置を指定します：

ul
  {
  list-style-position:inside;
  }

実際に試してみる

CSS 语法

list-style-position: inside|outside|initial|inherit;

属性値

値 説明
inside リスト項目のマークはテキストの内に配置され、テキストはマークに基づいてアライメントされます。
outside デフォルト値。マークはテキストの左側に保持されます。リスト項目のマークはテキストの外に配置され、テキストはマークに基づいてアライメントされません。
inherit 親要素から list-style-position 属性の値を継承するべきことを規定しています。

技術的詳細

デフォルト値： outside
継承性： はい
バージョン： CSS1
JavaScript 语法： object.style.listStylePosition="inside"

他の例

リストマークの配置
この例では、リストマークをどこに配置するかを示しています。

ブラウザのサポート

テーブルの数字は、この属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5