MDUtil

Markdownの水平線

1行にハイフンを3つ書くと、ページを横切る線が引かれます：---。使える3種類の記号、前に空行が必要な理由、ファイル先頭のフロントマターを説明します。

要点

Markdownで水平線を引くには？

ハイフン ---、アスタリスク ***、アンダースコア ___ のいずれかを3つ以上、1行に単独で書き、上に空行を入れます。HTMLの <hr> 要素になり、文書の区切りを示す横線が表示されます。

Markdown
前半の内容。

---

後半の内容。

表示結果

前半の内容。

後半の内容。

水平線の書き方と例

どの書き方でも同じ線になります。注意が必要なのは直前の行だけです。

3種類の記号、同じ結果

ハイフン、アスタリスク、アンダースコアのどれでも同じ線になります。

Markdown
上

---

中

***

中

___

下

表示結果

上

中

中

下

空白を入れる、長く書く

同じ記号を3つ以上並べればよく、記号の間に空白があってもかまいません。

Markdown
- - -

* * * * *

----------

表示結果

前に空行を入れる

文字の行の直下に --- を書くと、その文字が見出しになります。間に空行を入れると水平線になります。

Markdown
この行は見出しになります
---

この行は段落のままです

---

表示結果

この行は見出しになります

この行は段落のままです

<hr> タグ

HTMLが使える環境では、<hr> でも同じ線が引けます。

Markdown
上

<hr>

下

表示結果

上

下

引用やリストの中の水平線

引用やリスト項目の中でも水平線が使えます。

Markdown
> 引用の前半
>
> ---
>
> 引用の後半

表示結果

引用の前半

引用の後半

ファイル先頭のフロントマター

ファイルの一番最初にある2本の --- の間は、タイトルなどの設定を書くフロントマターです。Jekyll、Hugo、Obsidianでは非表示になり、GitHubでは表として表示されます。

Markdown
---
title: 最初の記事
date: 2026-10-14
---

# 最初の記事

表示結果

最初の記事

各サービスでの対応状況

どのMarkdownレンダラーでも線が引けます。チャットツールとエディタでは扱いが異なります。

サービス対応補足
GitHub / GitLab対応3種類とも使え、ファイル先頭の --- はフロントマターとして表示されます。
Obsidian対応3種類とも使え、ノート先頭の --- はプロパティになります。
Notion対応空の行に --- と入力すると区切り線のブロックになります。
Discord / Slack非対応水平線はなく、記号がそのまま表示されます。

よくある質問

---、***、___ に違いはありますか？

表示に違いはなく、どれも同じ <hr> になります。もっともよく使われるのはハイフンです。

--- で文字が見出しになってしまうのはなぜですか？

文字の行の直下にあるハイフンの行は、その文字をレベル2の見出しにします。文字と --- の間に空行を入れます。

線の色や太さを変えるには？

Markdownではできません。CSSが使える環境では <hr style="border-top: 2px solid #999"> と書きますが、GitHubなど多くのサイトは style を取り除きます。

ファイル先頭の --- は何ですか？

Jekyll、Hugo、Obsidianなど多くのツールでは、ファイルの一番最初にある2本の --- の間はフロントマターで、タイトルなどの設定を書き、ページには表示されません。GitHubでは表として表示されます。

Discordで水平線は使えますか？

使えません。Discordでは --- がそのまま表示されます。

Notionで区切り線を入れるには？

空の行に --- と入力すると、区切り線のブロックになります。

線の代わりに改ページを入れるには？

Markdownに改ページはありません。Markdown PDF 変換とMarkdown Word 変換では、\newpage だけを書いた行で新しいページになります。PandocやLaTeXの利用者が使う書き方です。

水平線はスクリーンリーダーの役に立ちますか？

<hr> は話題の切り替わりを示しますが、新しい部分の名前は伝えません。文書の構造は見出しで表します。