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