11---
22title : list-style-position
33slug : Web/CSS/Reference/Properties/list-style-position
4- original_slug : Web/CSS/list-style-position
54l10n :
6- sourceCommit : b2833ddfd45cae1bb5e050d24637865e9327408d
5+ sourceCommit : 85fccefc8066bd49af4ddafc12c77f35265c7e2d
76---
87
98** ` list-style-position ` ** は [ CSS] ( /ja/docs/Web/CSS ) のプロパティで、リストアイテムに対する {{cssxref("::marker")}} の位置を指定します。
@@ -21,7 +20,7 @@ list-style-position: outside;
2120```html interactive-example
2221<section class="default-example " id="default-example ">
2322 <div >
24- <p > NASA Notable Missions </p >
23+ <p > NASA の有名なミッション </p >
2524 <ul class="transition-all " id="example-element ">
2625 <li > Apollo 11: First Human Landing</li >
2726 <li > City in Space: The International Space Station</li >
@@ -114,23 +113,23 @@ list-style-position: unset;
114113
115114#### HTML
116115
117- ```html live-sample___setting_list_item_position
116+ ```html
117+ <p > リスト 1</p >
118118<ul class="inside">
119- リスト 1
120119 <li > リストアイテム 1-1</li >
121120 <li > リストアイテム 1-2</li >
122121 <li > リストアイテム 1-3</li >
123122 <li > リストアイテム 1-4</li >
124123</ul >
124+ <p > リスト 2</p >
125125<ul class="outside">
126- リスト 2
127126 <li > リストアイテム 2-1</li >
128127 <li > リストアイテム 2-2</li >
129128 <li > リストアイテム 2-3</li >
130129 <li > リストアイテム 2-4</li >
131130</ul >
131+ <p > リスト 3</p >
132132<ul class="inside-img ">
133- リスト 3
134133 <li > リストアイテム 3-1</li >
135134 <li > リストアイテム 3-2</li >
136135 <li > リストアイテム 3-3</li >
@@ -140,7 +139,7 @@ list-style-position: unset;
140139
141140#### CSS
142141
143- ```css live-sample___setting_list_item_position
142+ ```css
144143.inside {
145144 list-style-position : inside ;
146145 list-style-type : square ;
@@ -159,7 +158,7 @@ list-style-position: unset;
159158
160159#### 結果
161160
162- {{EmbedLiveSample("Setting_list_item_position ", 200, 420)}}
161+ {{EmbedLiveSample("リストアイテムの位置の設定 ", 200, 420)}}
163162
164163## 仕様書
165164
0 commit comments