list-style-positionプロパティ。 CSSに於けるリストアイテム要素でのマーカの位置・list-style-positionプロパティに関する解説です。 list-style-positionプロパティ・目次。 ▲記事先頭 ▽次項目 list-style-positionプロパティとは list-style-positionプロパティの扱い list-style-positionプロパティの書式 list-style-positionプロパティの記述例 list-style-positionプロパティに関する注意事項 list-style-positionプロパティの実装上の注意 ネットスケープ 4.xでの注意事項 関連項目 list-style-positionプロパティとは。 ▲記事先頭 △前項目 ▽次項目 list-style-positionプロパティは、リストアイテムのマーカの位置です。 list-style-positionプロパティの扱い。 ▲記事先頭 △前項目 ▽次項目 読み飛ばす 継承の有無 list-style-positionプロパティは、上位要素から継承されます。 対象セレクタ displayプロパティにlist-item値が適用される要素。 しかしながら、list-style-positionプロパティは親要素から継承されるため、displayプロパティにlist-item値が適用されない親要素(リスト全体を表す要素)にlist-style-positionプロパティを当てても適用されます。 対象メディア 視覚系のメディア全てが対象となります。 list-style-positionプロパティの書式。 ▲記事先頭 △前項目 ▽次項目 list-style-positionプロパティの書式は、以下のようになります。 list-style-position: 値 値としては、以下のものが取れます。 読み飛ばす inherit 一番近い上位要素で指定された値を継承します。 outside マーカをリストアイテムボックス外に配置します(デフォルト)。 inside マーカをリストアイテムボックス内に配置します。この場合、マーカは当該リストアイテムボックス直下の一番目のインラインボックスとして表示されます。 list-style-positionプロパティの記述例。 ▲記事先頭 △前項目 ▽次項目 読み飛ばす 例えば、HTMLの<ul>要素直下の<li>要素において、マーカをリストアイテム外に出したい場合は、 ul>li { list-style-position: outside; } と記述します。 list-style-positionプロパティに関する注意事項。 list-style-positionプロパティの実装上の注意。 ネットスケープ 4.xでの注意事項。 ▲記事先頭 △前項目 ▽次項目 ネットスケープ 4.xではlist-style-positionプロパティは実装されておりません。 関連項目。 ▲記事先頭 △前項目 list-style リストアイテムのマーカ関連の一括指定 list-style-image リストアイテムのマーカに用いる画像 list-style-type リストアイテムのマーカ marker-offset マーカとリストアイテムとの距離