CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSSで小文字のローマ数字を使用して順序付きリストのスタイルを設定する方法

CSSで小文字のローマ数字を使用して順序付きリストのスタイルを設定する方法を学びます。

HTMLで順序付きリストを作成するには、次を使用します。

  • <ol> 順序付きリスト要素を定義するタグ。
  • <li> リストアイテムの要素を定義するタグ。

例：

<ol>
  <li>List item</li>
  <li>List item</li>
  <li>List item</li>
</ol>

デフォルトでは、順序付きリストアイテムは通常の10進数でスタイル設定されます：

  1. リストアイテム
  2. リストアイテム
  3. リストアイテム

10進数のデフォルトの順序付きリストは、すべてのブラウザーに組み込まれているUser-Agentスタイルシート（UAS）から取得されます。 CSSプロパティで定義されています：list-style-type: decimal;

CSSで小文字のローマ数字を追加する方法

小文字のローマ数字でリストを作成するには、CSSプロパティlist-style-typeを使用して、デフォルトの10進数のスタイル番号をオーバーライドする必要があります。 ：

ol {
  list-style-type: lower-roman;
}

小文字のローマ数字の例：

  1. リストアイテム
  2. リストアイテム
  3. リストアイテム

  1. HTMLで小文字のローマ数字で番号付けされたリストアイテムを含む順序付きリストを作成するにはどうすればよいですか？

    HTMLで順序付きリストを作成するには、タグを使用します。順序付きリストはタグで始まります。リストアイテムはタグで始まり、数字、小文字、大文字、ローマ字などでマークされます。リストアイテムのデフォルトの数字。 ローマ数字が小文字の順序付きリストを作成するには、タグ属性タイプを使用します。この属性は小文字のローマ数字を割り当てます。つまり、を使用して、小文字のローマ数字で番号付けされた順序付きリストを作成します。 例 次のコードを実行して、HTMLでローマ数字の小文字で番号が付けられたリストアイテムを含む順序付きリストを作成してみてください- <!DOCTYPE html>

  2. HTMLで大文字のローマ数字で番号付けされたリストアイテムを含む順序付きリストを作成するにはどうすればよいですか？

    HTMLで順序付きリストを作成するには、タグを使用します。順序付きリストはタグで始まります。リストアイテムはタグで始まり、数字、小文字、大文字、ローマ字などでマークされます。リストアイテムのデフォルトの数字。 大文字のローマ数字を使用して順序付きリストを作成するには、タグ属性タイプを使用します。この属性は大文字のローマ数字を割り当てます。つまり、を使用して、大文字のローマ数字で番号が付けられた順序付きリストを作成します。 例 次のコードを実行して、HTMLで大文字のローマ数字で番号が付けられたリストアイテムの順序付きリストを作成してみてください- <!DOCTYPE html