CSSリファレンス -- リスト

[背景] [フォント] [テキスト] [ボックス] [配置] [リスト] [TABLE] [擬似] [UI]

[印刷] [音声]

CSS仕様の表記

CSS1 --- CSS Level 1、CSS Level 2で定義されている属性と値

CSS2 --- CSS Level 2で定義されている属性と値


list-style-type リスト項目のマーカーの種類を指定する

CSS仕様: CSS1

機能 Windows Macintosh
disc 黒丸 IE4以降 NS4以降 IE4以降 NS4以降
circle 白丸 IE4以降 NS4以降 IE4以降 NS4以降
square 四角 IE4以降 NS4以降 IE4以降 NS4以降
decimal 数字 IE4以降 NS4以降 IE4以降 NS4以降
decimal-leading-zero 頭にゼロのついた数字 NS6以降 NS6以降
lower-roman 小文字ローマ数字 IE4以降 NS4以降 IE4以降 NS4以降
upper-roman 大文字ローマ数字 IE4以降 NS4以降 IE4以降 NS4以降
lower-alpha 小文字アルファベット IE4以降 NS4以降 IE4以降 NS4以降
upper-alpha 大文字アルファベット IE4以降 NS4以降 IE4以降 NS4以降
lower-latin 小文字ラテン文字 NS6以降 NS6以降
upper-latin 大文字ラテン文字 NS6以降 NS6以降
lower-greek 小文字ギリシャ文字 NS6以降 NS6以降
hebrew ヘブライ数字 NS6以降 NS6以降
armenian アルメニア数字 未実装 未実装
georgian グルシア数字 未実装 未実装
cjk-ideographic 漢数字 NS6 NS6
hiragana あいうえお順のひらがな NS6以降 NS6以降
katakana アイウエオ順のカタカナ NS6以降 NS6以降
hiragana-iroha いろは順のひらがな NS6 NS6
katakana-iroha イロハ順のカタカナ NS6以降 NS6以降
none 表示なし IE4以降 NS6以降 IE4以降 NS6以降

適応要素 :リスト要素 (ulol要素)

継承 :する (デフォルト値 = disc)

リストのマークを指定する属性です。 Sample51


list-style-image リスト項目のマーカー用の画像を指定する

CSS仕様: CSS1

機能 Windows Macintosh
URI 画像の URI を指定する IE4以降 NS6以降 IE4以降 NS6以降
none 画像のマーカーを表示しない IE4以降 NS6以降 IE4以降 NS6以降

適応要素 :リストアイテム要素

継承 :する (デフォルト値 = none)

前項の list-style-type属性 は、あらかじめブラウザに用意されているリストのマークを指定しますが、この属性では、独自に用意した画像をマークとして利用することが出来ます。 Sample52


list-style-position リスト項目のマーカーの位置を指定する

CSS仕様: CSS1

機能 Windows Macintosh
inside マーカーを文中に入れる IE4以降 NS6以降 IE4以降 NS6以降
outside マーカーを文の外側に出す IE4以降 NS6以降 IE4以降 NS6以降

適応要素 :リストアイテム要素

継承 :する (デフォルト値 = outside)

1行程度の短い箇条書きならあまり気になることはないですが、箇条書きの文章量が多くなってくると折り返しが必要になり、1項目が複数行になります。そんな場合にリストのマーカーを項目の外に出すか項目中に埋め込むかを指定する属性です。 Sample53


list-style リスト項目のマーカーに関する値をまとめて指定する

CSS仕様: CSS1

機能 Windows Macintosh
list-style-type マーカーの形式を指定 IE4以降 NS4以降 IE4以降 NS4以降
list-style-position マーカーの位置を指定 IE4以降 NS6以降 IE以降 NS6以降
list-style-image マーカーとなる画像を指定 IE4以降 NS6以降 IE4以降 NS6以降

適応要素 :リストアイテム要素

継承 :する (デフォルト値=各属性の初期値)

リストのマーカーに関する属性をまとめて設定します。すべての値を設定する必要はなく、省略することも可能で、その場合はそれぞれのデフォルト値が表示されます。 Sample54


marker-offset リスト項目のマーカーと項目の内容との間隔を指定する

CSS仕様: CSS2

機能 Windows Macintosh
数値+単位 ex, em, pt などの単位で指定 未実装 未実装
auto 自動調整 未実装 未実装

適応要素 :リストアイテム要素

継承 :する (デフォルト値 = auto)



This Page is HTML4.01 Valid! 初版更新日 2002年6月10日   最新更新日 2004年6月27日
Copyright(C) 2002〜2004 banban@scollabo.com