MDUtil

Markdownの取り消し線

文字をチルダ2つで囲むと取り消し線になります：~~取り消し~~。取り消し線はGitHub Flavored Markdown（GFM）の拡張記法なので、CommonMarkだけに従う環境での書き方も紹介します。

要点

Markdownで取り消し線を引くには？

文字の前後をチルダ2つで囲みます：~~取り消す文字~~。HTMLでは <del> 要素になります。取り消し線はGitHub Flavored Markdownの記法で、GitHub、GitLab、Discord、Obsidian、Qiita、Zennなど多くの環境で使えます。CommonMarkだけに従う環境では <del> タグを使います。

Markdown
~~この文字には取り消し線が付きます~~

表示結果

この文字には取り消し線が付きます

取り消し線の書き方と例

基本はチルダ2つです。いくつかの書き方と、元の価格や完了したタスクなど取り消し線がよく使われる場面を紹介します。

チルダ2つ

GitHub Flavored Markdownの標準の書き方です。太字のアスタリスクと同じく、チルダは文字に密着させます。

Markdown
会議は~~月曜~~火曜に変更です。

表示結果

会議は月曜火曜に変更です。

チルダ1つ

GitHubなど多くの環境ではチルダ1つでも取り消し線になりますが、Discordは対応していないため、2つのほうが確実です。

Markdown
~前後にチルダ1つ~

表示結果

前後にチルダ1つ

HTMLタグ

チルダが使えない環境では、削除した内容に <del>、正しくなくなった内容に <s> を使います。どちらも取り消し線で表示されます。

Markdown
<del>バージョン2で削除</del>

<s>全品送料無料</s>

表示結果

バージョン2で削除

全品送料無料

太字・斜体・リンクとの組み合わせ

取り消し線はほかの書式を囲むことも、ほかの書式の中に入れることもできます。

Markdown
~~**重大なバグ**~~ 1.4で修正済み

**価格：~~9,800円~~ 7,800円**

~~[旧ガイド](https://example.com/v1)~~

表示結果

重大なバグ 1.4で修正済み

価格：9,800円 7,800円

旧ガイド

タスクリストと表

完了した項目や元の価格を消すのはよくある使い方です。

Markdown
- [x] ~~下書きを書く~~
- [ ] 下書きを見直す

| プラン | 価格 |
| --- | --- |
| プロ | ~~9,800円~~ 7,800円 |

表示結果

  • 下書きを書く
  • 下書きを見直す
プラン価格
プロ9,800円 7,800円

チルダをそのまま表示する

チルダの前にバックスラッシュを付けるか、バッククォートで囲むとそのまま表示されます。

Markdown
\~\~取り消し線になりません\~\~

`~~コードとして表示~~`

表示結果

~~取り消し線になりません~~

~~コードとして表示~~

各サービスでの対応状況

GitHub Flavored Markdownに従うアプリはチルダ2つに対応しています。チャットツールではチルダの数が異なります。

サービス対応補足
GitHub / GitLab対応ファイル、Issue、PR、コメントで ~~文字~~ が使えます。GitHubは ~文字~ にも対応しています。
Discord対応~~文字~~ が使えます。チルダ1つはそのまま表示されます。
Slack違いありSlackのメッセージではチルダ1つです：~文字~。
Obsidian対応~~文字~~ が編集画面と閲覧画面の両方で使えます。
Notion対応~文字~ と入力すると、その場で取り消し線になります。
Qiita / Zenn対応どちらも ~~文字~~ が使えます。

よくある質問

Markdownの ~~ は何を意味しますか？

文字の前後にチルダを2つずつ置くと取り消し線になります。~~文字~~ は線の引かれた文字として表示され、HTMLでは削除を表す <del> になります。

取り消し線は標準のMarkdownですか？

元のMarkdownとCommonMarkには取り消し線がありません。GitHub Flavored Markdownで追加された記法で、現在は多くのアプリが対応しています。対応していない環境では <del>文字</del> と書きます。

取り消し線にならないのはなぜですか？

チルダが文字に密着しているか（~~ 文字 ~~ は無効）、前後の両方にあるか、アプリがGitHub Flavored Markdownに対応しているかを確認します。~~「旧版」~~です のように ~~ の内側が括弧や句読点で外側が文字の場合も効きません。Discordはチルダ2つ、Slackは1つが必要です。

GitHubで取り消し線を引くには？

チルダ2つで囲みます：~~文字~~。README、Issue、プルリクエスト、コメント、Wikiで使えます。

DiscordとSlackで取り消し線を引くには？

Discordはチルダ2つの ~~文字~~、Slackはチルダ1つの ~文字~ です。

取り消し線は複数行にまたがりますか？

同じ段落の中なら、開始と終了のチルダを別の行に置いてもかかります。空行はまたげないため、段落やリスト項目ごとに付けます。

<del> と <s> の違いは？

<del> は文書から削除した内容を表し、追加した内容を表す <ins> と組み合わせて使います。<s> は元の価格のように、正しくなくなった内容を表します。表示はどちらも同じです。

チルダをそのまま表示するには？

各チルダの前にバックスラッシュを付けて \~\~文字\~\~ と書くか、バッククォートで囲みます。