listStyle属性をスタイル化

定義と使用法

listStyle 属性をショートカット形式で設定または返します。最大3つの独立したリスト属性を設定できます。

この属性で以下のいずれか一つまたは複数を設定/返します（任意の順序で）：

も参照してください：

CSSチュートリアル：CSS リスト

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

インスタンス

例1

リストのスタイルを変更します：

document.getElementById("myList").style.listStyle = "decimal inside";

実際に試してみてください

例2

リストのタイプと位置を"square inside"に変更します：

document.getElementById("myList").style.listStyle = "square inside";

実際に試してみてください

例3

リストのスタイルを返します：

document.getElementById("myList").style.listStyle;

実際に試してみてください

文法

listStyle属性を返します：

object.style.listStyle

listStyle属性を設定します：

object.style.listStyle = "type position image|initial|inherit"

属性値

値 説明
type リストアイテムマークのタイプを定義します。
position リストアイテムマークの位置を定義します。
image リストアイテムマークとして使用される画像を定義します。
initial この属性をデフォルト値に設定します。参照してください initial。
inherit この属性を親要素から継承します。参照してください inherit。

技術的詳細

デフォルト値： disc outside none
返り値： リストのスタイルを示す文字列。
CSSバージョン： CSS1

ブラウザサポート

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