list-style-position
CSSの書き方
list-style-position:値 ;
CSSの詳細情報 | |||||
---|---|---|---|---|---|
プロパティ名 | list-style-position | 読み方 | リスト・スタイル・ポジション | ||
初期値 | outside | 意味 | リストマークの要素に対する位置を指定 | ||
値 | outside/inside | ||||
対象 | li要素など(dislplay:list-item;と指定した要素を含む) | ||||
CSSレベル | CSSレベル1 | 対応ブラウザ | Windows | MAC | |
継承 | する | IE 5.0以上/FF1.0/NS7.1/OP8.0 | SF/IE5.0 |
解説
「list-style-position」プロパティは、リスト形式の要素に対する表示位置を指定するスタイルシートです。
通常、リストマークは、リスト化しているボックスの要素の外に表示されますが、これをボックスの中に表示することもできます。
値
「list-style-position:outside;」が初期値で、リストマークは要素の外に表示されます。
一方、「list-style-position:inside;」とすると、リストマークはボックスの中に格納されます。
CSS/HTMLサンプル
ul.out { list-style-position:outside; background:#f6f6f6; }
ul.in { list-style-position:inside; background:#ffdff9; }
リストマークの要素に対する位置をul要素に指定 サンプル