Style listStyleType 属性

定義と使用方法

listStyleType 属性設定またはリストアイテムのマークタイプを返します。

参照も：

CSS タイプ：CSS リスト

CSS リファレンスマニュアル：list-style-type 属性

HTML DOM リファレンスマニュアル：listStyle 属性

例

例1

リストアイテムのマークタイプを「upper-roman」に変更：

document.getElementById("myList").style.listStyleType = "upper-roman";

自分で試してみてください

例2

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

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myList").style.listStyleType = listValue;

自分で試してみてください

例3

リストアイテムのマークタイプを返します：

alert(document.getElementById("myList").style.listStyleType);

自分で試してみてください

文法

listStyleType属性を返します：

object.style.listStyleType

listStyleType属性を設定します：

object.style.listStyleType = value

属性値

値 説明
armenian タグは伝統のアルメニアで番号付けされています。
circle タグは円です。
cjk-ideographic タグはシンプルな表意数字です。
decimal タグは数字です。これは <ol> のデフォルト値です。
decimal-leading-zero タグは先頭にゼロがある数字（01、02、03 など）です。
disc タグは実心円です。これは <ul> のデフォルト値です。
georgian タグは伝統のグルジアで番号付けされています。
hebrew タグは伝統のヘブライで番号付けされています。
hiragana タグは伝統の平仮名で番号付けされています。
hiragana-iroha タグは伝統の平仮名 iroha で番号付けされています。
katakana タグは伝統の片仮名で番号付けされています。
katakana-iroha タグは伝統の片仮名 iroha で番号付けされています。
lower-alpha タグは小文字の英文字母（a、b、c、d、e など）です。
lower-greek タグは小文字のギリシャ文字です。
lower-latin タグは小文字のラテン文字（a、b、c、d、e など）です。
lower-roman タグは小文字のローマ数字（i、ii、iii、iv、v など）です。
none マークを表示しません。
square タグは四角です。
upper-alpha タグは大文字の英文字母（A、B、C、D、E など）です。
upper-latin タグは大文字のラテン文字（A、B、C、D、E など）です。
upper-roman タグは大文字のローマ数字（I、II、III、IV、V など）です。
initial この属性をデフォルト値に設定します。参照してください initial。
inherit 親要素からこの属性を継承します。参照してください inherit。

技術的詳細

デフォルト値： <ul> は "disc"、<ol> は "decimal" です。
返り値： 文字列でリストのタイプを表します。
CSSバージョン： CSS1

ブラウザサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート