リスト表示の数字の頭に0をつけたい

リスト表示の数値表示は、基本的には1.2.3.というような表示ですよね。数字が10を越えると、なんとなく、文字の外絵が気になるというようなこともありますよね?

もちろん他にも数値の前に0をつけて表示したいこともあるでしょう。そういった時でも、表示方法を変更させる方法が存在しています。

0を付けない時と0を付けたた時の表示の違い

需要はそれほど多くはないと思いますが、こんな風に表示したいと考えていた方は、お使いになってみてください。

  1. 項目1
  2. 項目2
  3. 項目3
  4. 項目4
  5. 項目5
  6. 項目6
  7. 項目7
  8. 項目8
  9. 項目9
  10. 項目10

▶

  1. 項目1
  2. 項目2
  3. 項目3
  4. 項目4
  5. 項目5
  6. 項目6
  7. 項目7
  8. 項目8
  9. 項目9
  10. 項目10

先頭に0をつけた数字のリストスタイル(decimal-leading-zero)

  • 左のコードをコピーする
  • 設定ボタン(歯車のマーク)を押す
  • ヘッダー部分を編集を選択する
  • コピーしたコードを貼り付ける
  • 保存ボタンを押す
  • ページの再読み込みをする(F5のボタンを押す)

文章のHTMLを開き<ul>タグを以下のように修正して保存します。

<ul style="list-style-type: decimal-leading-zero;">

または

<ol style="list-style-type: decimal-leading-zero;">


この記事がいいなと思ったらメールマガジンに登録していただけると嬉しいです。
メールアドレスを入力して登録ボタンを押してください。

株式会社 PIK

〒108-0075 港区港南3-4-12

TEL.03-6433-0422