リスト表示をローマ数字にしたい

リストの数値表示の中では、ローマ数字を用いることがあります。例えば、文章の階層などが多階層になった場合などに用いられます。


また、日本語と英語での表記を変えたとき、日本語表記の時には、漢数字を用いて、英語表記の時には、ローマ数字を使いたいと言った場合にも使えるかもしれません。

もちろん、オシャレだからという理由で使うことがあるかもしれませんね。

ローマ数字には、大文字表記と小文字表記があります。

大文字

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

小文字

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

編集する前の準備

はじめに、リストを作りたい文章を作成し、黒丸リストをチェックします。
その後で、HTMLを編集ボタンをクリックして下の作業を行ってください。

ローマ数字の設定方法

ローマ数字(大文字)のリストスタイルの方法 (upper-roman)

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

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

<ul style="list-style-type: upper-roman;">


ローマ数字(小文字)のリストスタイル (lower-roman)

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

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

<ul style="list-style-type: lower-roman;">


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

株式会社 PIK

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

TEL.03-6433-0422