list-style-typeプロパティ。

CSSに於けるリストアイテム要素でのマーカ・list-style-typeプロパティに関する解説です。

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

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

  • 順序リストにおける、リストアイテムの番号を変更するにはカウンタが必要です。

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

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

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

list-style-type:

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

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

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

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

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

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

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

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

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

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

と記述します。

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

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

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

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

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

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

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

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

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

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

共通の注意事項。

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

  • <ol>要素直下のリストアイテムでは、decimal(算用数字)とします。
  • その他のリストアイテムでは、階層に応じたマーカが付きます。

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

関連項目。


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