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 します。子リストの上の空行が外側をルーズにします。これは最もよくある見た目の事故です。

📚 関連項目

順序なしリストCommonMark コア 順序付きリストCommonMark コア リストのネストCommonMark コア
Web-Tutorial.com

Web-Tutorial 技術チーム

複数の開発者によって共同維持されているプログラミングチュートリアルプラットフォーム。各チュートリアルは専門分野の開発者が執筆・レビューしています。正確で信頼性の高いコンテンツを目指しています — 問題を見つけた場合はお知らせください。

100%