list-style-position

解説

リストの先頭に表示するマーカーの表示位置を指定します。

outsideマーカーがリスト内容の領域の外側に表示される
insideマーカーがリスト内容の領域の内側に表示される

プロパティ情報

値:outside,insideのいずれか
初期値:outside
適用対象:リスト項目要素
継承:する
パーセンテージ:不可
適用メディア:視覚
レベル:1〜2

参照

使用例

ソース

CSSの記述方法はスタイルシートってなに?も参照下さい。

<ul style="list-style: inside">
<li>リスト1<br>リスト1</li>
<li>リスト2<br>リスト1</li>
<li>リスト3<br>リスト1</li>
</ul> 

<ul style="list-style: outside">
<li>リスト1<br>リスト1</li>
<li>リスト2<br>リスト1</li>
<li>リスト3<br>リスト1</li>
</ul> 

表示結果

  • リスト1リスト1
  • リスト2リスト1
  • リスト3リスト1
  • リスト1リスト1
  • リスト2リスト1
  • リスト3リスト1