最新のWeb開発のチュートリアル
 

Style listStyleType Property

<スタイルオブジェクト

リスト項目のマーカータイプを変更し"upper-roman"

document.getElementById("myList").style.listStyleType = "upper-roman";
»それを自分で試してみてください

定義と使用法

listStyleTypeプロパティセットまたはリストアイテムマーカーの種類を返します。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

listStyleTypeプロパティは、すべての主要なブラウザでサポートされています。

Note: IE9やOpera 11がサポートしていません:CJK表意文字、ヘブライ語、ひらがな、ひらがないろは旅館、カタカナ、およびカタカナいろは旅館。

Note: DOCTYPEが指定されている場合のみ、小数点以下をリードするゼロ低ギリシャ、低ラテン上位ラテン語、アルメニア、グルジア:IE8は、プロパティの値をサポートしています!


構文

listStyleTypeプロパティを返します:

object .style.listStyleType

listStyleTypeプロパティを設定します。

object .style.listStyleType= プロパティ値
説明
armenian マーカーは、伝統的なアルメニアナンバリングであります
circle マーカーは円であります
cjk-ideographic マーカーはプレーン表意文字の数字であります
decimal マーカーは、数あります。 これがデフォルトである<ol>
decimal-leading-zero マーカーは、先行ゼロ(01、02、03、等)を有する数であります
disc マーカーは黒丸です。 これがデフォルトである<ul>
georgian マーカーは、伝統的なジョージアン様式のナンバリングであります
hebrew マーカーは、伝統的なヘブライ語のナンバリングであります
hiragana マーカーは、伝統的なひらがなの番号です
hiragana-iroha マーカーは、伝統的なひらがないろはナンバリングであります
katakana マーカーは、伝統的なカタカナの番号です
katakana-iroha マーカーは、伝統的なカタカナのいろはナンバリングであります
lower-alpha マーカーは低アルファ(a, b, c, d, e, etc.)
lower-greek マーカーは低く、ギリシャ語で
lower-latin マーカーは低ラテン語である(a, b, c, d, e, etc.)
lower-roman マーカーは低ローマである(i, ii, iii, iv, v, etc.)
none 何マーカーは表示されません
square マーカーは正方形であります
upper-alpha マーカーは、上部-αである(A, B, C, D, E, etc.)
upper-latin マーカーは、上位ラテン語である(A, B, C, D, E, etc.)
upper-roman マーカーは、上位ローマである(I, II, III, IV, V, etc.)
initial このプロパティがデフォルト値に設定します。 最初の記事を読みます
inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます

技術的な詳細

デフォルト値: 以下のための"ディスク" <ul>"decimal"のための<ol>
戻り値: リストの種類を表す文字列
CSSのバージョン CSS1

その他の例

すべての異なるリストスタイルのタイプ:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myList").style.listStyleType = listValue;
»それを自分で試してみてください

リスト項目のマーカータイプを返します:

alert(document.getElementById("myList").style.listStyleType);
»それを自分で試してみてください

関連ページ

CSSチュートリアル: CSS一覧

CSSリファレンス: list-style-type property

HTML DOMリファレンス: listStyle property


<スタイルオブジェクト