構文

list-style-position : 配置;

説明文

　「list-style-position」では，リストの先頭に表示する記号や画像を配置する位置を指定する。リストの本文はボックスの形状の中に記載されている。このボックスの中に記号を入れる場合は「inside」を，ボックスの外に記号を配置する場合は「outside」を指定する。insideを指定した場合は，リストの先頭に付加されるため，本文が記号を回り込んだ形式で表示される。

[画像のクリックで拡大表示]

使用例

● CSSの定義

ul.inside { list-style-position : inside; }

● HTMLの例

<ul class="inside">
	<li>リストの記号はリストの中に埋め込む方式と，外に出す方式の2種類
	があります。</li>
	<li>このリストではリストの中に記号を埋め込んでいます。</li>
</ul>

<ol>
	<li>一方，このリストではリストの記号を外に出しています。</li>
	<li>どちらの方式も，<ul>や<ol>のいずれでも利用することが可能と
    なっています。</li>
</ol>

● 表示結果

Internet Explorerの表示例
[画像のクリックで拡大表示]
Firefoxの表示例
[画像のクリックで拡大表示]

関連項目