HTMLタグ/CSS一覧と初心者向けホームページ作成解説集:HTMLタグボード

HTMLタグボードのトップへ戻る ゼロから始めるホームページ作成講座 訪問者優位のWEBデザインTips インターネットで小遣い稼ぎ 今すぐ使える!便利ツール(HTMLタグ辞典など)


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

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