Index
CSS : リストのプロパティ
■list-style :: リストのマークの一括指定
- ●書式
- list-style : type image position （順不同）
・type ... マークの種類
・image ... マークの画像
・position ... マークの位置 - ●設定値
- ・type : list-style-typeの設定値
・image : list-style-imageの設定値
・position : list-style-positionの設定値
*初期値 : なし - ●対象要素
- ・li要素
・子要素への値の適用 : あり - ●対応状況
・NN7.x以外では適用されないマークがあります。IE6.0 IE5.5 IE5.0 NN7.x Safari MacIE5 OP7.x △ △ △ ○ △ △ △
■list-style-type :: リストのマークの種類
- ●書式
- list-style-type : value
・value ... マークの種類を示す値 - ●設定値
- ・disc ... 黒丸
・circle ... 白丸
・square ... 四角
・decimal ... 数字
・decimal-leading-zero ... 二桁の数字（一桁時は先頭は0）
・lower-roman ... ローマ数字の小文字
・upper-roman ... ローマ数字の大文字
・lower-alpha ... アルファベットの小文字
・upper-alpha ... アルファベットの大文字
・lower-greek ... ギリシャ文字の小文字
・cjk-ideographic ... 漢数字
・hiragana ... ひらがなのあいうえお順
・katakana ... カタカナのアイウエオ順
・hiragana-iroha ... ひらがなのいろは順
・katakana-iroha ... カタカナのイロハ順
・none ... マークなし
・inherit ... 親要素に依存
*初期値 : disc
*画像と競合している時は画像が優先 - ●対象要素
- ・li要素
・子要素への値の適用 : あり - ●対応状況
・IEでは、lower-greekに対応していません。IE6.0 IE5.5 IE5.0 NN7.x Safari MacIE5 OP7.x △ △ △ ○ △ △ △
・NN7.x以外では、decimal-leading-zeroに対応していません。
・NN7.x以外では、cjk-ideographicに対応していません。
・NN7.x以外では、hiragana, hiragana-irohaに対応していません。
・NN7.x以外では、katakana, katakana-irohaに対応していません。
■list-style-image :: リストのマークの画像
- ●書式
- list-style-image : value
・value ... マークの画像を示す値 - ●設定値
- ・url(str ) ... 画像のアドレス
・none ... 画像なし
・inherit ... 親要素に依存
*初期値 : none
*マークと競合している時は画像が優先 - ●対象要素
- ・li要素
・子要素への値の適用 : あり - ●対応状況
IE6.0 IE5.5 IE5.0 NN7.x Safari MacIE5 OP7.x ○ ○ ○ ○ ○ ○ ○
■list-style-position :: リストのマークの位置
- ●書式
- list-style-position : value
・value ... マークの位置を示す値 - ●設定値
- ・inside ... 一文字目に表示
・outside ... 一文字目の外に表示
・inherit ... 親要素に依存
*初期値 : outside - ●対象要素
- ・li要素
・子要素への値の適用 : あり - ●対応状況
IE6.0 IE5.5 IE5.0 NN7.x Safari MacIE5 OP7.x ○ ○ ○ ○ ○ ○ ○
www.sasaraan.net
(c) morijoh