Markdown タイト・ルーズリスト
最終更新:2026-10-14
タイト・ルーズリスト CommonMark コア
リスト項目の間に空行があるかどうかで「タイト/ルーズ」が決まります。タイトなリストは各項目が <li> の素のテキストとしてレンダリングされ、ルーズなリストは各項目が <p> で包まれて行間が広がります。見た目の違いがはっきりしており、CSS セレクタにも影響します。
| 所属グループ | 境界とルール |
|---|---|
| 仕様レベル | CommonMark コア |
| 仕様バージョン | CommonMark 0.31.2 + GFM |
📝 構文
(項目間に空行がある = ルーズリスト)
▶ オンライン例
左で Markdown を編集すると右に即時反映
💡 ポイント
ℹ️ Note タイトかルーズかはリスト全体の性質で、個々の項目で決まりません。項目間に空行が 1 つでもあれば、リスト全体がルーズになります。
💡 Tip CSS で li に直接テキストのスタイルを当てるときは、<p> で包まれる影響を受けるため、対象のリストのタイト/ルーズを先に確認しましょう。
❓ よくある質問
Q ルーズからタイトへ変更するには?
A 項目と項目の間の空行を削除するだけで済みます。
Q ルーズリストはバグですか?
A 仕様どおりの挙動です。意味上「リスト項目に複数の段落が含まれる」ならルーズになるべきものです。
Q ネストした子リストは外側のリストをルーズにしますか?
A します。子リストの上の空行が外側をルーズにします。これは最もよくある見た目の事故です。