3文字以上
--- ちょうどでも動き、---------- でも動きます。それ未満はただのテキスト。慣例は3文字。
無料 · 非公開 · 登録不要
Markdown水平線 — 本当に表示される罫線をコピー
---、***、___ をワンクリックでコピー。加えて、水平罫線が表示されるか、見出しやリスト、太字に化けるかを決める3つのルール。
Dash remover tool
水平線 — HTMLの<hr>、CommonMark仕様の「thematic break」— は、Markdownのもっとも最小の形です。1行に3文字だけ。しかし同時に、もっとも落とし穴だらけの形でもあります。3つの書き方は、悪い隣に置かれると挙動が変わるからです。テキスト行の直下の--- は罫線どころか、そのテキストをH2見出しに昇格させます。*** はパーサーによっては強調として解釈され得ます。そしてリスト項目の中の罫線は罫線ではなく、リストのテキストです。
上の3つの書式は、仕様が等価と呼ぶものです。--- (ハイフン)、*** (アスタリスク)、___ (アンダースコア)、それぞれ独立した行に、前後に空行を置いて。ドキュメントに合うものをコピーしてください。段落の下に罫線を置くのが日常なら、アスタリスク形式を習慣にする価値があります。どのmarkdownエンジンでもsetext見出しと誤読され得ないからです。上のドキュメントの終わり方にかかわらず。
どのバリエーションも画像ではなく本物のテキスト文字列です。README、Jekyllの投稿、Discordのメッセージ、静的サイトジェネレーターに貼り付ければ、markdownが話される場所ならどこでも同じ罫線として表示されます。下のカードは、表示されるかどうかを決める3つの構文ルールをカバーします。「markdownで水平線を引く方法」は実際には3つの質問だからです。どの文字か、何個か、何に囲まれているべきか。
3つの水平罫線
同じ出力、異なる破綻の仕方。カードをクリックするとマークアップをコピーします。
表示されるための3つのルール
上に空行
テキストの次に --- があると、テキストは見出しになり罫線は消えます。段落と罫線の間には必ず空行を。
文字だけの行
記号の間のスペースは許可されます( - - - )が、行に他のテキストがあると — リスト項目も含めて — 意味が変わります。
| 入力 | 結果 |
|---|---|
| テキスト\n--- | H2見出し — 罫線ではありません。 |
| テキスト\n\n--- | 意図した水平罫線。 |
| - 項目\n--- | 見出し — リストマーカーが意味を変えます。 |
| - 項目\n\n--- | 意図した水平罫線。 |
| - - - | 罫線 — 記号の間のスペースは許可されます。 |
| -- | ただのテキスト: ハイフン2個では足りません。 |
Markdownの罫線を作る同じハイフンが、このサイトが除去する文字でもあります。不要な --- 区切りだらけの草稿が届いたら、全ダッシュ除去ツールがファミリーを取り除き、Markdown水平線のリファレンスは、取り返したくなったときにいつでもここにあります。
よくある質問
Markdownで水平線を引くには?
ハイフン3個以上 (---)、アスタリスク (***)、アンダースコア (___) のいずれかを、前後に空行を置いて独立した行に置きます。3つとも同じ水平罫線 — HTMLの<hr>要素 — として表示されます。
--- を書いたら上の行が見出しになるのはなぜ?
テキスト行の直後に---が続くのは、罫線ではなくH2見出しのsetext構文だからです。これが最も多いMarkdownの驚きです。テキストとハイフンの間に空行を入れるか、誤読の余地のない***を使いましょう。
<hr>は有効なMarkdown?
はい — 生HTMLはMarkdownで許可されており、<hr> (または <hr />) は主要なすべてのエンジンで罫線として表示されます。ネイティブ構文が不調なときの緊急脱出ですが、3文字の形式のほうが移植性が高く、エディタ間の往復にも強くあります。
--- と *** の違いは?
出力では違いがありません — どちらも同じ<hr>になります。挙動ではひとつだけ: 段落の下の--- はその段落を見出しにしますが、*** は常に罫線として表示されます。この非対称性のために、こだわるスタイルガイドは1つを選んで文書化します。
罫線に必要な文字数は?
3個以上 — ---------- も --- と同様に有効です。文字間のスペースは許可され( - - - は表示されます)、行に他のもの(テキスト、リストマーカー)があると意味は完全に変わります。
水平線にスタイルを付けられますか?
Markdown自身では無理です。罫線はHTMLの<hr>になるので、道具はCSSです。hr { border: 0; border-top: 1px solid #ccc; } が定番の再スタイル。自分で管理していないプラットフォームでは、そのスタイルシートが決めた通りに表示されます。