リスト表示の数値表示は、基本的には1.2.3.というような表示ですよね。数字が10を越えると、なんとなく、文字の外絵が気になるというようなこともありますよね?
もちろん他にも数値の前に0をつけて表示したいこともあるでしょう。そういった時でも、表示方法を変更させる方法が存在しています。
0を付けない時と0を付けたた時の表示の違い
需要はそれほど多くはないと思いますが、こんな風に表示したいと考えていた方は、お使いになってみてください。
-
項目1
-
項目2
-
項目3
-
項目4
-
項目5
-
項目6
-
項目7
-
項目8
-
項目9
-
項目10
▶
- 項目1
- 項目2
- 項目3
- 項目4
- 項目5
- 項目6
- 項目7
- 項目8
- 項目9
- 項目10
先頭に0をつけた数字のリストスタイル(decimal-leading-zero)
-
左のコードをコピーする
- 設定ボタン(歯車のマーク)を押す
- ヘッダー部分を編集を選択する
- コピーしたコードを貼り付ける
- 保存ボタンを押す
- ページの再読み込みをする(F5のボタンを押す)
文章のHTMLを開き<ul>タグを以下のように修正して保存します。
<ul style="list-style-type: decimal-leading-zero;">
または
<ol style="list-style-type: decimal-leading-zero;">
この記事がいいなと思ったらメールマガジンに登録していただけると嬉しいです。
コメントをお書きください