LIST : list-style-type



記述形式 list-style-type : disk | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none ;
適用 list-item
使用方法 リストの行頭記号(番号)を設定する。

disk : 丸
circle : 中抜き丸
aquare :四角
decimal : アラビア数字(算用数字)
lower-roman : 小文字のローマ数字
upper-roman : 大文字のローマ数字
lower-alpha : 小文字のアルファベット
upper-alpha : 大文字のアルファベット
none : 行頭記号(番号)無し
実行例 <UL STYLE="list-style-type:disk">リスト要素</UL>
  • HTML
  • CSS
  • CSS2
  • XML

<UL STYLE="list-style-type:circle">リスト要素</UL>
  • HTML
  • CSS
  • CSS2
  • XML

<UL STYLE="list-style-type:square">リスト要素</UL>
  • HTML
  • CSS
  • CSS2
  • XML

<OL STYLE="list-style-type:decimal">リスト要素</OL>
  1. HTML
  2. CSS
  3. CSS2
  4. XML

<OL STYLE="list-style-type:lower-roman">リスト要素</OL>
  1. HTML
  2. CSS
  3. CSS2
  4. XML

<OL STYLE="list-style-type:upper-roman">リスト要素</OL>
  1. HTML
  2. CSS
  3. CSS2
  4. XML

<OL STYLE="list-style-type:lower-alpha">リスト要素</OL>
  1. HTML
  2. CSS
  3. CSS2
  4. XML

<OL STYLE="list-style-type:upper-alpha">リスト要素</OL>
  1. HTML
  2. CSS
  3. CSS2
  4. XML

<OL STYLE="list-style-type:none">リスト要素</OL>
  1. HTML
  2. CSS
  3. CSS2
  4. XML
サポート
ブラウザ
OSpropertyIE3.xIE4.xIE5.0xIE5.5xNN4.xNN6.x
Windisk×
circle×
square×
decimal×
lower-roman×
upper-loman×
lower-alpha×
upper-alpha×
none×
Macdisk--
circle--
square--
decimal--
lower-roman--
upper-loman--
lower-alpha--
upper-alpha--
none--×
Unixdisk----
circle----
square----
decimal----
lower-roman----
upper-loman----
lower-alpha----
upper-alpha----
none----