CSS list-style プロパティ

❮ 前章へ 完全な CSS リファレンス 次へ ❯

1 回の宣言で全ての list プロパティを指定します:

ul {
    list-style: square url("sqpurple.gif");
}
Try it Yourself ❯

定義と用法

list-style ショートハンドプロパティは、1 回の宣言で全ての list プロパティを設定します。

プロパティは次の順に設定されます:list-style-type、list-style-position、list-style-image。

例えば "list-style:circle inside;" のように、値の 1 つを省略した場合は、 デフォルト値があった場合は省略したプロパティに挿入されます。

デフォルト値: disc outside none
継承: 継承する
アニメーション可否: 不可。animatable を参照
バージョン: CSS1
JavaScript 構文: object.style.listStyle="decimal inside" Try it

ブラウザ・サポート

表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。

プロパティ
list-style 1.0 4.0 1.0 1.0 7.0

CSS 構文

list-style: list-style-type list-style-position list-style-image|initial|inherit;

プロパティの値

説明
list-style-type リスト項目マーカのタイプを指定します。使用できる値は、 list-style-type を参照してください
list-style-position リスト項目マーカの表示位置を指定します。使用できる値は、 list-style-position を参照してください
list-style-image リスト項目マーカのタイプを指定します。使用できる値は、 list-style-image を参照してください
initial プロパティにデフォルト値を設定します。initial を参照
inherit このプロパティは親要素を継承します。inherit を参照

関連ページ

CSS チュートリアル: CSS List

HTML DOM リファレンス:listStyle プロパティ


❮ 前章へ 完全な CSS リファレンス 次へ ❯