このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

list-style”プロパティ:リスト・マーカー

記事Jan. 29th,2022
リスト・アイテムに付与するリスト・マーカーを指定するプロパティ
この記事はCSS3に対応しています。
この記事はCSS3に対応しています。

プロパティについて

概要

初期値 list-style-position: outside;
list-style-image: none;
list-style-type: disc;
適用対象 リスト・アイテム
継承 Yes
パーセント値 パーセント値は指定できません
計算値 一括指定が対象とする各プロパティの定義に依る
アニメーション 離散

list-style”プロパティはリスト・アイテムに付与するリスト・マーカーの表示位置、画像、種類を指定する以下のプロパティの一括指定プロパティです。

リスト・マーカー

サンプルコード

ol { list-style: outside disc url(sample.png);}

<'list-style-position'>”値<'list-style-image'>”値<'list-style-type'>”値ホワイトスペースで区切って1個ずつ指定できます。値を記述する順番は自由で、初期値のままで良い値は省略できます。

<'list-style-image'>”値で指定した画像がある場合、<'list-style-type'>”値で指定したリスト・マーカーは画像が利用できない場合に表示されます。

<'list-style-image'>”値<'list-style-type'>”値のどちらとも解釈可能な“none”はいずれか指定されていない方の値として解釈されます。<'list-style-image'>”値<'list-style-type'>”値のいずれも指定せず、“none”を1個だけ記述した場合は両方の値を“none”と指定したとみなします。

仕様書

定義されている仕様書
Level 1 Level 2 Level 3
勧告(REC) 勧告(REC) 作業草稿(WD)
list-style
定義あり

定義あり

定義あり

使用例

リスト・マーカーを指定する

ol { list-style: outside url(sample.png) circle;}
  1. 東京スカイツリー
  2. 対馬オメガ局送信用鉄塔
  3. 硫黄島ロランC主局(初代)
  4. 硫黄島ロランC主局(2代)
  5. 南鳥島ロランC局(初代)
  6. 東京タワー
  7. NHK川口送信局
  8. あべのハルカス
  9. 明石海峡大橋
  10. 横浜ランドマークタワー
  11. 虎ノ門ヒルズ森タワー
  12. りんくうゲートタワービル
  13. 大阪府咲洲庁舎
  14. おおたかどや山標準電波送信所
  15. 依佐美送信所
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク