リストマークの位置を指定する

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要素に指定 サンプル

【厳選】合わせて読みたいおすすめ書籍

WEB制作支援サイトのHTMLタグボードだからオススメできる厳選書籍です。私が読んでいない本はオススメしません。

HTMLやCSS、Webデザインを体系的に学ぶなら

CSSを駆使したモダンなWebデザインを学ぶなら

最新情報をチェックしよう!