マーカーの表示位置 【list-style-position】
ブラウザで表示した時の見え方
ソースサンプル
【CSS】
.outside {
list-style-position: outside
}
.inside {
list-style-position: inside
}
【HTML】
<ul class="
outside">
<li>
outside</li>
<li>
outside</li>
</ul>
<ul class="
inside">
<li>
inside</li>
<li>
inside</li>
</ul>
[
黒※説明中のタグ
紫※省略可能なタグ
赤※変更可能
緑※文章など
]
解説
- outsideはマーカーをリスト項目のボックスの外側に配置します。
- insideはマーカーをリスト項目のボックス内の最初に配置します。
AICHAN WEB(Z)
>
HTML＆CSSサンプル集(S)
>
CSS
-
マーカーの表示位置