list-style-typeプロパティ。

CSSで、リストアイテムのマーカを指定するlist-style-typeプロパティに関する解説です。

list-style-typeプロパティ・目次。

list-style-typeプロパティとは。

list-style-typeプロパティは、リストアイテムのマーカを指定するプロパティです。

list-style-typeプロパティの扱い。

継承の有無
list-style-typeプロパティは、上位要素から継承されます。
対象セレクタ

displayプロパティにlist-item値が適用される要素。

対象メディア
視覚系のメディア全てが対象となります。

list-style-typeプロパティの書式。

list-style-typeプロパティの書式は、以下のようになります。

list-style-type: 値

値としては、以下のものが取れます。

inherit
一番近い上位要素で指定された値を継承します。
none
マーカを付けません。
グリフ名
順不同のリストで使えるマークを指定します。
数字の形式
順序付きリストで番号に使える数字の形式を指定します。
字母の種類
順序付きリストで番号代わりに使える字母(アルファベットなど)の種類を指定します。

list-style-typeプロパティで使えるグリフ名。

list-style-typeプロパティで使えるグリフ名には、以下のものがあります。

disc
塗り潰した円をマーカとします(デフォルト)。
circle
塗り潰していない円をマーカとします。
square
正方形をマーカとします。

list-style-typeプロパティで使える数字の形式。

list-style-typeプロパティで使える数字の形式には、以下のものがあります。

decimal
算用数字をマーカとします。一桁の場合もそのまま表示します。
decimal-leading-zero
算用数字をマーカとしますが、decimal値と違って一桁の場合は頭に「0」が付きます。
lower-roman
小文字ローマ数字をマーカとします。
upper-roman
大文字ローマ数字をマーカとします。
cjk-ideographic
和数字をマーカとします。尚、十番目では「十」と書くか「一〇」と書くかなどは定義されておりません。

list-style-typeプロパティで使える字母の種類。

list-style-typeプロパティで使える字母の種類には、以下のものがあります。

lower-greek
小文字ギリシャ文字(α, β, γ, …)をマーカとします。尚、最終文字である「ω」の次は未定義です。
upper-greek
大文字ギリシャ文字(Α, Β, Γ, …)をマーカとします。尚、最終文字である「Ω」の次は未定義です。
lower-alpha
lower-latin

いずれも、小文字アルファベット(a, b, c, …)をマーカとします。尚、最終文字である「z」の次は未定義です。

upper-alpha
upper-latin

いずれも、大文字アルファベット(A, B, C, …)をマーカとします。尚、最終文字である「Z」の次は未定義です。

hebrew
ヘブライ語文字をマーカとします。尚、最終文字の次は未定義です。
armenian
アルメニア語文字をマーカとします。尚、最終文字の次は未定義です。
georgian
グルジア語文字をマーカとします。尚、最終文字の次は未定義です。
hiragana
ひらがなをマーカとし、五十音順で使います。尚、最終文字である「ん」の次は未定義です。
hiragana-iroha
ひらがなをマーカとし、いろは順で使います。尚、最終文字である「ん」の次は未定義です。
katakana
カタカナをマーカとし、五十音順で使います。尚、最終文字である「ン」の次は未定義です。
katakana-iroha
カタカナをマーカとし、イロハ順で使います。尚、最終文字である「ン」の次は未定義です。

list-style-typeプロパティの記述例。

例えば、HTMLの<ul>要素直下の<li>要素において、マーカを塗り潰した円にする場合は、

ul>li {
    list-style-type: disc;
    }

と記述します。

list-style-typeプロパティに関する注意事項。

list-style-typeプロパティの仕様上の注意。

list-style-typeプロパティで字母をマーカにする場合、最終字母の次は定義されておりません。

list-style-typeプロパティの実装上の注意。

ネットスケープ 4.xでの注意事項。

インターネットエクスプローラでの注意事項。

オペラ 6.xでの注意事項。

ネットスケープ 4.x, インターネットエクスプローラ及びオペラ 6.xでは、以下の値しかサポートしていません(共通の注意事項もお読み下さい)。

オペラ 7.x以降での注意事項。

オペラ 7.x以降では、以下に挙げる日本語文字のマーカをサポートしておりません(共通の注意事項もお読み下さい)。

もじら系ブラウザでの注意事項。

ファイヤーフォックスなどのもじら系ブラウザでは、以下に挙げる外国文字のマーカをサポートしておりません(共通の注意事項もお読み下さい)。

共通の注意事項。

どのユーザエージェントも、サポートしていない場合は、以下のように扱うようです。

仕様上list-style-typeプロパティのデフォルト値はdisc値と決められているのですが、このような実装になっているようです。

関連項目。

list-style
リストアイテムのマーカ関連の一括指定
list-style-image
リストアイテムのマーカに用いる画像
list-style-position
リストアイテムのマーカの位置
content
スタイルシートで生成する内容
counter-increment
カウンタの加算
counter-reset
カウンタの初期化

しらぎくのウェブサイト作成入門サイトマップ

ページ外へのご案内。

marguerite.site@gmail.com