HTMLの定義リスト＆箇条書き

定義リスト

定義リストとは、見出しとその説明を一対にしたリストのこと

<dl>
  <dt>見出しの項目1つ目</dt>
  <dd>内容の項目1つ目</dd>
  <dt>見出しの項目2つ目</dt>
  <dd>内容の項目2つ目</dd>
  <dd>内容の項目3つ目</dd>
</dl>

【 見え方 】

見出しの項目1つ目
　　内容の項目1つ目
見出しの項目2つ目
　　内容の項目2つ目
　　内容の項目3つ目

箇条書き

「●」付きリスト

<ul>
  <li>リストの項目1</li>
  <li>リストの項目2</li>
</ul>

【 見え方 】

• リストの項目1
• リストの項目2

「数字」付きリスト

<ol>
  <li>リストの項目1</li>
  <li>リストの項目2</li>
</ol>

【 見え方 】

1.リストの項目1
2.リストの項目2

list-style-typeプロパティ

リストの頭の装飾を変更することができるCSSのプロパティ

li {
    list-style-type: 種類;
}

【 一覧 】

値	説明	見え方
none	なし
disc	黒丸	●
circle	白丸	○
square	黒四角	■
decimal	数字	1.
cjk-ideographic	漢数字	一.
decimal-leading-zero	0から始まる数字	01.
lower-roman	小文字のローマ字	i.
upper-roman	大文字のローマ字	I.
lower-greek	小文字のギリシャ語	α.
lower-alpha lower-latin	小文字のアルファベット	a.
upper-alpha upper-latin	大文字のアルファベット	A.
hiragana	ひらがな	あ.
hiragana-iroha	ひらがな（いろは）	い.
katakana	カタカナ	ア.
katakana-iroha	カタカナ（いろは）	イ.

list-style-imageプロパティ

リストの頭の装飾を画像に変更することができるCSSのプロパティ

li {
    list-style-image: url(画像の場所/ファイル名);
}